* {
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  /* 火狐 */
  -webkit-user-select: none;
  /* webkit浏览器 */
  -ms-user-select: none;
  /* IE10 */
  -khtml-user-select: none;
  /* 早期浏览器 */
  user-select: none;
}
img {
  pointer-events: none;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
body {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
#bigcontainer {
  width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
#bigcontainer .btn-audio {
  width: 52px;
  height: 52px;
  position: absolute;
  z-index: 10;
  right: 50px;
  top: 50px;
  background: url(../images/btnaudio.png) no-repeat;
  background-size: 100% 100%;
}
#bigcontainer .logo {
  position: fixed;
  top: 13px;
  left: 347px;
  width: 220px;
  height: 60px;
  z-index: 100;
}
#bigcontainer .logo a img {
  width: 220px;
  height: 60px;
}
#bigcontainer .swiper {
  position: relative;
  width: 100%;
  height: 1080px;
}
#bigcontainer .swiper-slide {
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* #bigcontainer .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
} */
#bigcontainer .box1 {
  margin: 0 auto;
}
#bigcontainer .box1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#bigcontainer .box1 .bgv1 {
  position: fixed;
  top: 428px;
  left: 15px;
  width: 850px;
  height: 500px;
  overflow: hidden;
}
#bigcontainer .box1 .btns {
  opacity: 0;
  position: absolute;
  top: 757px;
  right: 416px;
  width: 583px;
  height: 168px;
  transition: all 0.1s;
  z-index: 99999;
}
#bigcontainer .box1 .btns .shiling {
  position: absolute;
  right: 0;
  top: 21px;
  width: 101px;
  height: 132px;
  background: url(../images/age-box_a9b2b33.png) no-repeat center;
}
#bigcontainer .box1 .btns .btn-haoli {
  position: absolute;
  top: 22px;
  right: 113px;
  width: 117px;
  height: 132px;
  background: url(../images/chongzhi.png) no-repeat center;
}
#bigcontainer .box1 .btns .charts {
  position: absolute;
  top: 22px;
  right: -120px;
  width: 117px;
  height: 132px;
  background: url(../images/charts.jpg) no-repeat center;
}
#bigcontainer .box1 .btns .zhibo {
  position: absolute;
  top: 22px;
  right: -220px;
  width: 117px;
  height: 132px;
  background: url(../images/zhibo.jpg) no-repeat center;
}
#bigcontainer .box1 .btns .btn-haoli:hover {
  background: url(../images/chongzhi-a.png) no-repeat center;
}
#bigcontainer .box1 .btns .btn-zhuce {
  position: absolute;
  top: 23px;
  left: 41%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 209px;
  height: 58px;
  background: url(../images/pan.png) no-repeat center;
}
/*#bigcontainer .box1 .btns .btn-zhuce:hover {
  background: url(../images/pan-a.png) no-repeat center;
}*/
#bigcontainer .box1 .btns .ngp-download {
  position: absolute;
  top: 25px;
  left: 4px;
  width: 118px;
  height: 132px;
  background: url(../images/down.png) no-repeat center;
}
#bigcontainer .box1 .btns .ngp-download:hover {
  background: url(../images/down-a.png) no-repeat center;
}
#bigcontainer .box1 .btns .cloud-go {
  position: absolute;
  bottom: 14px;
  left: 41%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 209px;
  height: 58px;
  background: url(../images/yun.png) no-repeat center;
}
/*#bigcontainer .box1 .btns .cloud-go:hover {
  background: url(../images/yun-a.png) no-repeat center;
}*/
#bigcontainer .box2 {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/bg2.png) no-repeat left top;
}
#bigcontainer .box2 #art-2 {
  width: 100%;
  height: 756px;
  position: relative;
  margin-top: 125px;
}
#bigcontainer .box2 #art-2 .controls {
  width: 282px;
  height: 278px;
  position: absolute;
  left: 28px;
  top: 244px;
}
#bigcontainer .box2 #art-2 .controls .control {
  display: block;
  width: 133px;
  height: 133px;
  position: absolute;
  cursor: pointer;
}
#bigcontainer .box2 #art-2 .controls .control:hover .card_border .border {
  -webkit-transform: translate3d(0, 0, 0) !important;
}
#bigcontainer .box2 #art-2 .controls .control .card_border {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 80px;
  height: 80px;
  left: 26px;
  top: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1;
}
#bigcontainer .box2 #art-2 .controls .control .card_border.animate .border {
  -webkit-transform: translate3d(0, 0, 0) !important;
}
#bigcontainer .box2 #art-2 .controls .control .card_border .border {
  background: #fff9ef;
  -webkit-transition: transform 0.15s linear;
  -moz-transition: transform 0.15s linear;
  -ms-transition: transform 0.15s linear;
  -o-transition: transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
#bigcontainer .box2 #art-2 .controls .control .card_border .border.border_top {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
#bigcontainer .box2 #art-2 .controls .control .card_border .border.border_left {
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
#bigcontainer .box2 #art-2 .controls .control .card_border .border.border_bottom {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#bigcontainer .box2 #art-2 .controls .control .card_border .border.border_right {
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
#bigcontainer .box2 #art-2 .controls .control0::after,
#bigcontainer .box2 #art-2 .controls .control4::after,
#bigcontainer .box2 #art-2 .controls .control8::after,
#bigcontainer .box2 #art-2 .controls .control12::after {
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  bottom: 0;
  z-index: 4;
  background: url(../images/num1_43039470.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control1::after,
#bigcontainer .box2 #art-2 .controls .control5::after,
#bigcontainer .box2 #art-2 .controls .control9::after,
#bigcontainer .box2 #art-2 .controls .control13::after {
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
  z-index: 4;
  background: url(../images/num2_6471ad78.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control2::after,
#bigcontainer .box2 #art-2 .controls .control6::after,
#bigcontainer .box2 #art-2 .controls .control10::after,
#bigcontainer .box2 #art-2 .controls .control14::after {
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: 0;
  z-index: 4;
  background: url(../images/num3_427739f8.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control3::after,
#bigcontainer .box2 #art-2 .controls .control7::after,
#bigcontainer .box2 #art-2 .controls .control11::after,
#bigcontainer .box2 #art-2 .controls .control15::after {
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px;
  z-index: 4;
  background: url(../images/num4_1000e787.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control0 {
  top: 5px;
  left: 76px;
  background: url(../images/c1.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control1 {
  left: 152px;
  top: 74px;
  background: url(../images/c2.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control2 {
  top: 146px;
  left: 76px;
  background: url(../images/c3.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control3 {
  top: 74px;
  left: 0;
  background: url(../images/c4.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control4 {
  top: 5px;
  left: 76px;
  background: url(../images/c5.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control5 {
  left: 152px;
  top: 74px;
  background: url(../images/c6.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control6 {
  top: 146px;
  left: 76px;
  background: url(../images/c7.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control7 {
  top: 74px;
  left: 0;
  background: url(../images/c8.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control8 {
  top: 5px;
  left: 76px;
  background: url(../images/c9.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control9 {
  left: 152px;
  top: 74px;
  background: url(../images/c10.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control10 {
  top: 146px;
  left: 76px;
  background: url(../images/c11.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control11 {
  top: 74px;
  left: 0;
  background: url(../images/c12.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control12 {
  top: 5px;
  left: 76px;
  background: url(../images/c13.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control13 {
  left: 152px;
  top: 74px;
  background: url(../images/c14.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control14 {
  top: 146px;
  left: 76px;
  background: url(../images/c15.png) no-repeat;
}
#bigcontainer .box2 #art-2 .controls .control15 {
  top: 74px;
  left: 0;
  background: url(../images/c16.png) no-repeat;
}
#bigcontainer .box2 #art-2 .main {
  width: 1400px;
  margin-left: 278px;
  position: relative;
}
#bigcontainer .box2 #art-2 .main .feature-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -634px;
  width: 1144px;
  height: 579px;
  background: url(../images/bg_b62b5fbb.png) no-repeat;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .footerf {
  width: 1539px;
  height: 150px;
  position: absolute;
  top: 496px;
  left: -35px;
  background: url(../images/foot_d5c23e43.png) no-repeat;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .nav {
  width: 604px;
  height: 57px;
  position: absolute;
  left: 465px;
  z-index: 5;
  top: 14px;
  padding: 0;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .nav a {
  width: 151px;
  height: 57px;
  float: left;
  display: block;
  color: white;
  font-size: 20px;
  font-family: 'fzqkbys';
  text-align: center;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .nav a:hover {
  color: #1d3035;
  width: 151px;
  height: 57px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) no-repeat;
  background-size: 1286px 1173px;
  background-position: -969px -756px;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .nav a.active {
  color: #1d3035;
  width: 151px;
  height: 57px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) no-repeat;
  background-size: 1286px 1173px;
  background-position: -969px -756px;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features {
  position: relative;
  width: 100%;
  height: 100%;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section.active {
  display: block;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs {
  position: relative;
  width: 100%;
  height: 100%;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list {
  position: absolute;
  left: 319px;
  top: 55px;
  display: none;
  width: 946px;
  height: 561px;
  background: url(../images/boxshow.png) no-repeat;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .img .img-box {
  margin-bottom: 75px;
  width: 210px;
  height: 398px;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .img .img-box .png1 {
  width: 214px;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .img .img-box .png2 {
  width: 213px;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .img .img-box img {
  width: 100%;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list.active {
  display: block;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .title {
  width: 325px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: -305px;
  font-family: 'fzcysong';
  color: #faf0d5;
  font-size: 46px;
}
#bigcontainer .box2 #art-2 .main .feature-wrap .features section .imgs .img_list .sub-title {
  width: 297px;
  text-align: center;
  position: absolute;
  top: 103px;
  left: -294px;
  font-family: 'fzbysong';
  color: #ded4c4;
  font-size: 20px;
}
#bigcontainer .box3 {
  position: relative;
  background: url(../images/bg2.png) no-repeat left top;
}
#bigcontainer .footer {
  opacity: 0;
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height: 0;
  pointer-events: all;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
}
#bigcontainer  .footer .center {
  width: 1114px;
  text-align: left;
  margin: 0 auto;
  padding: 36px 0 10px;
  font-size: 12px;
  line-height: 20px;
}
#bigcontainer  .footer .nie-cn-part2 {
  padding-top: 10px;
  line-height: 24px;
}
#bigcontainer  .footer .nie-cn-part1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#bigcontainer  .footer .nie-cn-part1 .nie-cn-nav {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
}
#bigcontainer  .footer .nie-cn-part1 .nie-cn-nav i.nie-cn-nav-i2 {
  height: 28px;
  line-height: 28px;
  text-align: left;
}
#bigcontainer  .footer .nie-cn-part1 .nie-cn-logo {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  min-width: 214px;
}
#bigcontainer  .footer .nie-cn-part1 .nie-cn-logo a {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
#bigcontainer  .footer .logo {
  width: 149px;
  height: 36px;
}
#bigcontainer  .footer .logo img {
  width: 100%;
  height: 100%;
}
#bigcontainer  .footer p {
  color: #fff;
}
#bigcontainer  .footer span {
  color: #fff;
}
#bigcontainer  .footer a {
  color: #fff;
}
#bigcontainer .box3 .video-pop {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999999999999999999999;
}
#bigcontainer .box3 .video-pop .close_pv {
  display: inline-block;
  position: absolute;
  right: 334px;
  top: 144px;
  width: 48px;
  height: 48px;
  text-indent: -9999em;
  outline: 0;
  background: url(../images/close-pv_343937e7.png) no-repeat;
}
#bigcontainer .box3 .video-wrap {
  position: absolute;
  left: 1100px;
  top: 0;
  width: 260px;
  height: 632px;
  overflow: hidden;
  z-index: 5;
}
#bigcontainer .box3 .name {
  position: absolute;
  text-indent: -999em;
  z-index: 1;
  left: 390px;
  top: -25px;
  width: 241px;
  height: 293px;
}
#bigcontainer .box3 .skill {
  position: absolute;
  left: 1166px;
  top: 115px;
  width: 118px;
  height: 101px;
  text-indent: -999em;
  z-index: 1;
}
#bigcontainer .box3 .attr {
  position: absolute;
  left: 1126px;
  top: 251px;
  width: 197px;
  height: 187px;
  text-indent: -999em;
  z-index: 1;
}
#bigcontainer .box3 .role {
  position: absolute;
  left: 0px;
  top: -136px;
  width: 100%;
  height: 1080px;
}
#bigcontainer .box3 .video {
  position: absolute;
  left: 52px;
  top: -3px;
  width: 150px;
  height: 84px;
  padding: 11px;
  overflow: hidden;
}
#bigcontainer .box3 .btn-player {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 50%;
  margin-left: -80px;
  top: -65px;
  -webkit-animation: pulse 1s ease-out infinite alternate 300ms 0 ease;
  -moz-animation: pulse 1s ease-out infinite alternate 300ms 0 ease;
  -ms-animation: pulse 1s ease-out infinite alternate 300ms 0 ease;
  animation: pulse 1s ease-out infinite alternate 300ms 0 ease;
  -moz-animation: pulse 1s ease-out infinite alternate;
  -webkit-animation: pulse 1s ease-out infinite alternate;
  -o-animation: pulse 1s ease-out infinite alternate;
  -ms-animation: pulse 1s ease-out infinite alternate;
  animation: pulse 1s ease-out infinite alternate;
  cursor: pointer;
  background: url(../images/btn-play-s_02a6fb17.png) 50% 0 no-repeat;
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
  }
}
#bigcontainer .box3 section {
  opacity: 0;
  z-index: 1;
}
#bigcontainer .box3 section.active {
  transition: all 0.8s;
  opacity: 1;
  z-index: 999;
}
#bigcontainer .box3 #role-huangyu .name {
  width: 236px;
  height: 279px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-size: 1286px 1173px;
  background-position: -237px -572px;
}
#bigcontainer .box3 #role-huangyu .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px 0px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-huangyu .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -969px -189px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-huangyu .role {
  background: url(../images/role-huangyu_e1c10af2.png) no-repeat;
}
#bigcontainer .box3 #role-huangyu .video {
  background: url(../images/video-huangyu_351a714d.png) no-repeat;
}
#bigcontainer .box3 #role-hy .name {
  width: 237px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-size: 1286px 1173px;
  background-position: -729px -286px;
}
#bigcontainer .box3 #role-hy .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -721px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-hy .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: 0px -857px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-hy .role {
  background: url(../images/role-hy_91acd565.png) no-repeat;
}
#bigcontainer .box3 #role-hy .video {
  background: url(../images/video-hy_82b33ee3.png) no-repeat;
}
#bigcontainer .box3 #role-xj .name {
  width: 235px;
  height: 283px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-size: 1286px 1173px;
  background-position: 0px -572px;
}
#bigcontainer .box3 #role-xj .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -515px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-xj .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -475px -572px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-xj .role {
  background: url(../images/role-xj_cc35aa24.png) no-repeat;
}
#bigcontainer .box3 #role-xj .video {
  background: url(../images/video-xj_c2d431b9.png) no-repeat;
}
#bigcontainer .box3 #role-ly .name {
  width: 238px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -482px -286px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-ly .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -103px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-ly .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -199px -857px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-ly .role {
  background: url(../images/role-ly_c2ad2b8b.png) no-repeat;
}
#bigcontainer .box3 #role-ly .video {
  background: url(../images/video-ly_dca8e574.png) no-repeat;
}
#bigcontainer .box3 #role-xh .name {
  width: 241px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -243px 0px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-xh .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -824px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-xh .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -969px 0px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-xh .role {
  background: url(../images/role-xh_7ec966f6.png) no-repeat;
}
#bigcontainer .box3 #role-xh .video {
  background: url(../images/video-xh_7f3f44ac.png) no-repeat;
}
#bigcontainer .box3 #role-sw .name {
  width: 241px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: 0px 0px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sw .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -927px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sw .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -969px -378px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sw .role {
  background: url(../images/role-sw_7f211593.png) no-repeat;
}
#bigcontainer .box3 #role-sw .video {
  background: url(../images/video-sw_3e3bbef2.png) no-repeat;
}
#bigcontainer .box3 #role-jl .name {
  width: 241px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -486px 0px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-jl .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -412px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-jl .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -969px -567px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-jl .role {
  background: url(../images/role-jl_727c5b95.png) no-repeat;
}
#bigcontainer .box3 #role-jl .video {
  background: url(../images/video-jl_88702d75.png) no-repeat;
}
#bigcontainer .box3 #role-sm .name {
  width: 241px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -729px 0px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sm .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -206px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sm .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -398px -857px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sm .role {
  background: url(../images/role-sm_96c3df94.png) no-repeat;
}
#bigcontainer .box3 #role-sm .video {
  background: url(../images/video-sm_866666de.png) no-repeat;
}
#bigcontainer .box3 #role-sx .name {
  width: 239px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: 0px -286px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sx .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -309px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sx .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -597px -857px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-sx .role {
  background: url(../images/role-sx_58b9f56a.png) no-repeat;
}
#bigcontainer .box3 #role-sx .video {
  background: url(../images/video-sx_53649e75.png) no-repeat;
}
#bigcontainer .box3 #role-ty .name {
  width: 239px;
  height: 284px;
  z-index: 4;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -241px -286px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-ty .skill {
  width: 118px;
  height: 101px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -1168px -618px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-ty .attr {
  width: 197px;
  height: 187px;
  background: url(../images/sprite-ee90a2_ee90a22f.png) 0 0 no-repeat;
  background-position: -707px -572px;
  background-size: 1286px 1173px;
}
#bigcontainer .box3 #role-ty .role {
  background: url(../images/role-ty_e9900dea.png) no-repeat;
}
#bigcontainer .box3 #role-ty .video {
  background: url(../images/video-ty_28d83c62.png) no-repeat;
}
#bigcontainer .box3 .main {
  margin-left: 278px;
  position: relative;
  width: 1920px;
  height: 1080px;
}
#bigcontainer .box3 .main .nav {
  position: absolute;
  top: 320px;
  left: 18px;
  width: 171px;
  height: 350px;
  z-index: 9999;
  padding-top: 2px;
  background: url(../images/nav-bg_c4b08fb2.png) no-repeat;
}
#bigcontainer .box3 .main .nav a {
  display: block;
  margin-bottom: 16px;
  width: 120px;
  height: 24px;
  padding-right: 3px;
  color: #c9b38a;
  text-align: right;
  line-height: 24px;
  font-size: 20px;
  font-family: 'fzqkbys';
}
#bigcontainer .box3 .main .nav a.active {
  color: #FFF;
  background: url(../images/nav-btn-bg-h_11180958.png) no-repeat;
}
#bigcontainer .box3 .main section {
  position: absolute;
  left: -278px;
  top: 206px;
  width: 1920px;
  height: 763px;
}
#bigcontainer .box3 .main section .bg-video-mask {
  position: absolute;
  top: 41px;
  right: 0px;
  width: 1085px;
  height: 590px;
  overflow: hidden;
}
#bigcontainer .box3 .main section .bg-video {
  position: absolute;
  top: 41px;
  right: 0px;
  width: 1085px;
  height: 590px;
  overflow: hidden;
}
#bigcontainer .box3 .main section .bg-video video {
  position: relative;
  left: -105px;
  height: 100%;
  pointer-events: none;
}
#bigcontainer .box3 .main section .content {
  position: relative;
  height: 631px;
  perspective: 1000px;
}
/* 结尾 */
.btn-copyright {
  display: block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  color: #72aade;
  pointer-events: all;
  text-decoration: none;
  z-index: 102;
}
.btn-copyright .iconcopyright {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 20px;
  text-align: center;
}