.nav {
  width: 185px;
  position: fixed;
  right: 0;
  z-index: 90;
  top: 0;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s;
  transition: right 0.3s;
  height: 280px;
  margin-top: -140px;
  top: 50%;
  white-space: nowrap;
  pointer-events: none;
  font-size: 0; }

.nav a {
  position: relative;
  display: block;
  padding: 0 0 0 12px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  pointer-events: all; }

.nav a + a {
  margin-top: 22px; }

.nav .line-2 {
  margin-right: 10px;
  margin-top: -1px;
  width: 30px;
  height: 1px; }

.nav .line {
  background: #bba37b; }

.nav .line-1 {
  position: absolute;
  height: 32px;
  bottom: 100%;
  width: 1px;
  left: 50%; }

.nav .txt, .nav .line-2 {
  display: inline-block;
  vertical-align: middle; }

.nav .icon {
  position: absolute;
  font-style: normal;
  text-align: center;
  font-size: 0;
  color: #ffe4ba;
  font-weight: 700;
  left: 0;
  top: 50%;
  margin-top: -5px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/nav.png) no-repeat center;
  width: 12px;
  height: 12px; }

.nav .txt {
  color: #a59074;
  text-shadow: 1px 1px 1px #000; }

.nav .active .txt {
  color: #fffabd;
  font-size: 18px;
  font-family: 'simhei';
  text-shadow: 0 0 5px #ff937f; }

.nav .active + a .line-1, .nav a + .active .line-1 {
  display: none; }

.nav .active .line {
  visibility: hidden; }

.nav .active .icon {
  background: url(https://img9.99.com/yhkd/image/act/2019/712/nav-on.png) no-repeat center;
  font-size: 24px;
  line-height: 79px;
  height: 79px;
  width: 80px;
  margin-top: -45px;
  margin-left: -36px; }

.nav .fold-btn {
    position: absolute;
    top: 50%;
    margin-top: -75px;
    right: 85%;
    margin-right: 40px;
    padding: 20px;
    cursor: pointer;
    z-index: 101;}

  .nav .fold-btn em {
    border-radius: 5px;
    display: block;
    border: 1px solid #a59074;
    font-style: normal;
    color: #f9d8b3;
    text-align: right;
    pointer-events: all;
    width: 16px;
    height: 38px;
    font-size: 0;
    background: url(https://img9.99.com/yhkd/image/act/2019/531/v1/fold-icon.png) no-repeat center;
    background-color: rgba(158,96,35,.1);
    box-shadow: 0 0 20px #ffe49b;}

  .nav.fold{
    right: -165px;}

   .nav.fold .fold-btn em {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/531/v1/fold-icon-f.png);}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1; }

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; }

header, footer, article, section, nav, menu, hgroup {
  display: block;
  clear: all; }

html {
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  -ms-text-size-adjust: auto;
  -webkit-text-size-adjust: auto;
  height: 100%; }

body {
  margin: 0;
  color: #fff;
  background-color: #1c1412;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

a:active {
  outline: 0; }

img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

textarea {
  overflow: auto;
  resize: none; }

input {
  outline: 0;
  border: 0;
  font-family: "Microsoft YaHei";
  border-radius: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

ul, ol {
  list-style: none outside none; }

.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  zoom: 1; }

.hide {
  display: none !important; }

.fl {
  float: left; }

.fr {
  float: right; }

.portrait {
  position: fixed;
  z-index: 99999;
  background: #140f15;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none; }
  .portrait p {
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%;
    text-align: center;
    left: 5%;
    letter-spacing: 5px; }

.hor .portrait p {
  font-size: 50px; }

@media screen and (orientation: portrait) {
  .ver .portrait {
    display: none; }

  .hor .portrait {
    display: table; }
 }

@media screen and (orientation: landscape) {
  .ver .portrait {
    display: table; }

  .hor .portrait {
    display: none; }
 }

.swiper-pagination-bullet {
  opacity: 1;
  border-radius: 0; }

.swiper-container-fade .swiper-slide {
  visibility: hidden; }
  .swiper-container-fade .swiper-slide.swiper-slide-active {
    visibility: visible; }

.pop {
  background: rgba(0, 0, 0, 0.8); }
  .pop .pop-main {
    background: #000;
    -webkit-transform: scale(1, 0) translate(-50%, -50%);
    transform: scale(1, 0) translate(-50%, -50%); }
  .pop.show .pop-main {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .pop.pop-video .pop-main {
    width: 700px;
    height: 396px; }
  .pop.usual-pop .pop-main {
    width: 590px;
    height: 186px;
    display: table; }
  .pop.pop-video .pop-main p{
    text-align: center;
    font-size: 22px;
    margin-top: 150px;
    color: #fff;}
  .pop.usual-pop p {
    vertical-align: middle;
    color: #f8f2d2;
    line-height: 38px;
    display: table-cell;
    font-size: 20px;
    text-align: center; }

.ios {
  top: 56px;
  font-size: 16px; }

.pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  visibility: hidden;
  *visibility: visible;
  *display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .pop .pop-main {
    opacity: 0;
    z-index: 49;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%; }
  .pop .btn-close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: -48px;
    background: url(https://img8.99.com/yhkd/image/act/2018/deer/common/close.png) no-repeat center;
    z-index: 100; }
  .pop.show {
    z-index: 999;
    visibility: visible;
    display: block;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .pop.show .pop-main {
      opacity: 1;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s; }
  .pop.pop-video .video-box {
    overflow: hidden; }
  .pop.pop-video .pop-main {
    width: 700px;
    height: 396px; }
  .pop.pop-video iframe, .pop.pop-video .video-box {
    width: 100%;
    height: 100%; }

.ios {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff; }

.main {
  width: 1334px;
  margin: 0 auto;
  overflow-x: hidden; }

.header {
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-header.jpg) no-repeat center top;
  height: 769px;
  padding-top: 485px; }
  .header .logo {
    display: none; }
  .header .share-btn {
    margin: 0 auto;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/btn-share.png) no-repeat center;
    width: 283px;
    height: 107px;
    display: block; }
    .header .share-btn.receive {
      background-image: url(https://img9.99.com/yhkd/image/act/2019/712/btn-shared.png); }
    .header .share-btn.disabled {
      background-image: url(https://img9.99.com/yhkd/image/act/2019/712/btn-geted.png); }

.section {
  position: relative; }

.swiper-button-next, .swiper-button-prev {
  display: none; }

.sec-hero {
  height: 821px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-hero-bg.jpg) no-repeat top center; }
  .sec-hero h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 964px;
    height: 126px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/title-hero.png) no-repeat; }
  .sec-hero .video {
    margin: -80px 0 0 75px; }
  .sec-hero .video a {
    position: relative;
    display: block;
    padding: 85px 0 0 29px;
    width: 446px;
    height: 397px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-video.png); }
  .sec-hero img {
    display: block;
    position: relative;
    z-index: 2;
    width: 390px;
    margin-top: 5px;
    border-radius: 5px;
    overflow: hidden; }
  .sec-hero .video-mask {
    position: absolute;
    top: 85px;
    left: 29px;
    z-index: 3;
    width: 390px;
    height: 229px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hormask.png) no-repeat; }
  .sec-hero .video .btn-play {
    width: 91px;
    height: 91px;
    margin: -54px 0 0 -45px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/play.png) no-repeat center/100% 100%;
    -webkit-animation: play 0.8s infinite alternate;
    -o-animation: play 0.8s infinite alternate;
    -moz-animation: play 0.8s infinite alternate;
    animation: play 0.8s infinite alternate; }
  .sec-hero .swiper-container {
    margin: 60px 0 0 70px;
    width: 650px;
    height: 230px; }
  .sec-hero .info {
    margin-top: 0px;
    border-radius: 10px;
    padding: 15px;
    width: 481px;
    height: 214px;
    font-size: 14px;
    color: #beffc9;
    background: #1a4e38; }
  .sec-hero .name {
    color: #dbffe4;
    font-size: 0;
    margin-bottom: 15px;
    line-height: 30px; }
    .sec-hero .name i, .sec-hero .name span {
      display: inline-block;
      vertical-align: middle; }
    .sec-hero .name i {
      width: 5px;
      height: 30px;
      margin-right: 10px;
      background: #dbffe4; }
    .sec-hero .name span {
      font-size: 24px;
      color: #dbffe4; }
  .sec-hero .content {
    line-height: 24px;
    font-size: 18px;
    text-indent: 2em; }
  .sec-hero .skill-icons {
    z-index: 60;
    position: absolute;
    white-space: nowrap;
    pointer-events: none;
    font-size: 0;
    width: 620px;
    height: 150px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-hero-line.png) no-repeat 128px 57px;
    top: 380px;
    left: 30px;
    padding: 0; }
  .sec-hero .skill-icons li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background: 0 0;
    pointer-events: all;
    width: 153px;
    height: 153px;
    outline: 0;
    vertical-align: top;
    padding: 6px 0 0;
    cursor: pointer;
    padding: 5px 0 0; }
  .sec-hero .skill-icons li + li {
    margin-right: 0;
    margin-left: -20px; }
  .sec-hero .skill-icons .icon {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0.47);
    -moz-transform: scale(0.47);
    -ms-transform: scale(0.47);
    -o-transform: scale(0.47);
    transform: scale(0.47);
    display: block;
    margin: 0 auto;
    background: url(https://img6.99.com/yhkd/image/act/2019/jungle/icon.png);
    width: 153px;
    height: 153px; }
  .sec-hero .skill-icons .sp-1 .icon {
    background-position: -251px -216px; }
  .sec-hero .skill-icons .sp-2 .icon {
    background-position: -251px -389px; }
  .sec-hero .skill-icons .sp-3 .icon {
    margin-top: -4px;
    background-position: -247px -552px;
    width: 160px;
    height: 160px; }
  .sec-hero .skill-icons .sp-4 .icon {
    background-position: -251px -734px; }
  .sec-hero .skill-icons .swiper-pagination-bullet-active.sp-1 .icon {
    background-position: -39px -216px; }
  .sec-hero .skill-icons .swiper-pagination-bullet-active.sp-2 .icon {
    background-position: -39px -389px; }
  .sec-hero .skill-icons .swiper-pagination-bullet-active.sp-3 .icon {
    background-position: -34px -553px; }
  .sec-hero .skill-icons .swiper-pagination-bullet-active.sp-4 .icon {
    background-position: -39px -734px; }
  .sec-hero .skill-icons .sj {
    display: block;
    border-top: 8px solid #54ce69;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0;
    margin: -83px auto 10px;
    *margin-top: 0;
    visibility: hidden; }
  .sec-hero .skill-icons .swiper-pagination-bullet-active .sj {
    visibility: visible; }
  .sec-hero :root .skill .skill-icons .icon {
    zoom: 1;
    margin-left: 0; }
  .sec-hero :root .skill .skill-icons .sj {
    margin-top: -66px; }
  .sec-hero .skill-icons .text {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #34673e;
    line-height: 24px; }
  .sec-hero .skill-icons .swiper-pagination-bullet-active .text {
    color: #66f47f; }
  .sec-hero .skill-icons .sp-3 .text {
    margin-top: -3px; }
  .sec-hero .btn-hor {
    display: block;
    position: absolute;
    right: 154px;
    top: 618px;
    width: 354px;
    height: 119px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-btn-detail.png); }

.sec-1 {
  height: 756px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec1-bg.jpg) no-repeat top center; }
  .sec-1 h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 967px;
    height: 127px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/title-sec1.png) no-repeat; }
  .sec-1 .swiper-container {
    height: 507px;
    margin-top: -15px;
    padding-left: 431px; }
  .sec-1 .sec-title {
    display: none; }
  .sec-1 .img {
    width: 862px;
    height: 507px;
    border: 1px solid #000;
    background: #000; }
    .sec-1 .img img {
      width: 862px; }
  .sec-1 .content {
    width: 862px;
    padding: 20px 30px;
    line-height: 30px;
    height: 60px;
    bottom: 0px;
    left: 1px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    font-size: 16px;
    color: #fff;
    z-index: 3;
    display: table;
    text-align: justify; }
  .sec-1 .swiper-pagination-special .swiper-pagination-bullet .num, .sec-1 .swiper-pagination-special .swiper-pagination-bullet span {
    margin: 0 auto;
    font-style: normal;
    display: block;
    text-align: center; }
  .sec-1 .swiper-pagination-special .swiper-pagination-bullet .num {
    background-repeat: no-repeat;
    font-size: 0; }
  .sec-1 .swiper-pagination {
    position: absolute;
    top: 0;
    left: 24px; }
  .sec-1 .swiper-pagination-bullet {
    cursor: pointer;
    display: block;
    padding: 15px 0 0 35px;
    width: 407px;
    height: 168px;
    *zoom: 1;
    *display: inline;
    text-align: left;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec1a.png) no-repeat center top;
    background-size: 100% 100%; }
  .sec-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec1a-on.png); }
  .sec-1 .swiper-pagination-bullet, .sec-1 .swiper-pagination-bullet * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .sec-1 .swiper-pagination-bullet span {
    line-height: 34px;
    font-size: 28px; }
  .sec-1 .swiper-pagination-bullet .num {
    margin-bottom: 10px;
    height: 53px; }
  .sec-1 .swiper-pagination-bullet .num {
    background-position: 0 0; }
  .sec-1 .sp-1 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/a-1.png); }
  .sec-1 .sp-2 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/a-2.png); }
  .sec-1 .sp-3 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/a-3.png); }
  .sec-1 .swiper-pagination-bullet .txt {
    padding-right: 35px;
    font-weight: 700;
    font-family: "simhei";
    color: #fff; }

.sec-2 {
  height: 900px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec2-bg.jpg) no-repeat top center; }
  .sec-2 h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 967px;
    height: 127px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/title-sec2.png) no-repeat; }
  .sec-2 .swiper-container {
    height: 634px;
    margin-top: -15px; }
  .sec-2 .swiper-slide {
    position: relative; }
  .sec-2 .sec-title {
    display: none; }
  .sec-2 .img {
    margin-left: 70px;
    width: 716px;
    height: 406px;
    box-shadow: 3px 3px 6px #1b1b1b; }
  .sec-2 .img img{
    width: 100%;
    margin-top: 6px;}
  .sec-2 .content {
    right: 40px;
    top: 170px;
    font-size: 20px;
    line-height: 36px;
    width: 445px;
    position: absolute;
    color: #fff;
    text-align: justify; }
  .sec-2 .swiper-pagination {
    width: 102%;
    position: absolute;
    bottom: 40px; }
  .sec-2 .swiper-pagination-bullet {
    display: inline-block;
    padding: 12px 0 0;
    width: 201px;
    height: 154px;
    *zoom: 1;
    *display: inline; }
  .sec-2 .swiper-pagination-bullet {
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec2a.png) no-repeat center;
    background-size: 100% 100%; }
  .sec-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec2a-on.png); }
  .sec-2 .swiper-pagination-special .swiper-pagination-bullet .num, .sec-2 .swiper-pagination-special .swiper-pagination-bullet span {
    margin: 0 auto;
    font-style: normal;
    display: block;
    text-align: center; }
  .sec-2 .swiper-pagination-special .swiper-pagination-bullet .num {
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0; }
  .sec-2 .swiper-pagination-special .swiper-pagination-bullet .num {
    height: 24px;
    margin-bottom: 28px; }
  .sec-2 .swiper-pagination-bullet span {
    line-height: 35px;
    font-size: 30px; }
  .sec-2 .swiper-pagination-bullet .txt {
    font-weight: 700;
    font-family: "simhei";
    color: #fff; }
  .sec-2 .swiper-pagination-special .sp-1 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/b-1.png); }
  .sec-2 .swiper-pagination-special .sp-2 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/b-2.png); }
  .sec-2 .swiper-pagination-special .sp-3 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/b-3.png); }
  .sec-2 .swiper-pagination-special .sp-4 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/b-4.png); }
  .sec-2 .swiper-pagination-special .sp-5 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/b-5.png); }
  .sec-2 .swiper-pagination-special .sp-6 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/b-6.png); }
  .sec-2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0; }
    .sec-2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
      margin-left: -15px; }

.sec-3 {
  height: 743px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec3-bg.jpg) no-repeat top center; }
  .sec-3 h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 892px;
    height: 127px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/title-sec3.png) no-repeat; }
  .sec-3 .delay{
    margin-bottom: 25px;
    margin-top: -25px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;}
  .sec-3 .swiper-container {
    height: 507px;
    margin-top: -15px;
    padding-left: 431px; }
  .sec-3 .sec-title {
    display: none; }
  .sec-3 .img {
    width: 862px;
    height: 507px;
    border: 1px solid #000;
    background: #000; }
    .sec-3 .img img {
      width: 862px; }
  .sec-3 .content {
    width: 862px;
    padding: 20px 30px;
    line-height: 30px;
    height: 60px;
    bottom: 0px;
    left: 1px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    font-size: 16px;
    color: #fff;
    z-index: 3;
    display: table;
    text-align: justify; }
  .sec-3 .swiper-pagination-special .swiper-pagination-bullet .num, .sec-3 .swiper-pagination-special .swiper-pagination-bullet span {
    margin: 0 auto;
    font-style: normal;
    display: block;
    text-align: center; }
  .sec-3 .swiper-pagination-special .swiper-pagination-bullet .num {
    background-repeat: no-repeat;
    font-size: 0; }
  .sec-3 .swiper-pagination {
    position: absolute;
    top: 0;
    left: 24px; }
  .sec-3 .swiper-pagination-bullet {
    cursor: pointer;
    display: block;
    padding: 15px 0 0 35px;
    width: 407px;
    height: 168px;
    *zoom: 1;
    *display: inline;
    text-align: left;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec1a.png) no-repeat center top;
    background-size: 100% 100%; }
  .sec-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec1a-on.png); }
  .sec-3 .swiper-pagination-bullet, .sec-3 .swiper-pagination-bullet * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .sec-3 .swiper-pagination-bullet span {
    line-height: 34px;
    font-size: 28px; }
  .sec-3 .swiper-pagination-bullet .num {
    margin-bottom: 10px;
    height: 53px; }
  .sec-3 .swiper-pagination-bullet .num {
    background-position: 0 0; }
  .sec-3 .sp-1 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/a-1.png); }
  .sec-3 .sp-2 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/a-2.png); }
  .sec-3 .sp-3 .num {
    background-image: url(https://img9.99.com/yhkd/image/act/2019/712/a-3.png); }
  .sec-3 .swiper-pagination-bullet .txt {
    padding-right: 35px;
    font-weight: 700;
    font-family: "simhei";
    color: #fff; }

.sec-4 {
  height: 818px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec4-bg.jpg) no-repeat top center; }
  .sec-4 h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 836px;
    height: 127px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/title-sec4.png) no-repeat; }
  .sec-4 .video-1 {
    position: absolute;
    right: 53px;
    top: 390px; }
  .sec-4 .video a {
    display: block;
    width: 419px;
    height: 237px;
    padding: 5px 15px 7px 14px; }
  .sec-4 .video img {
    width: 390px;
    height: 225px; }
  .sec-4 .video .cover {
    top: 0;
    left: 0;
    width: 419px;
    height: 237px;
    position: absolute;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/video.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 100%; }
  .sec-4 .video .c, .sec-4 .video .sj {
    position: absolute;
    top: 50%;
    left: 50%; }
  .sec-4 .video .sj {
    width: 29px;
    height: 41px;
    margin: -20px 0 0 -10px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/play-sj.png) no-repeat center;
    background-size: 100% 100%; }
  .sec-4 .video .c {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/play-c.png) no-repeat center;
    background-size: 100% 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  .sec-4 .video:hover .c {
    transform: rotate(360deg); }

.sec-5 {
  height: 816px;
  background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-sec5-bg.jpg) no-repeat top center; }
  .sec-5 h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 1032px;
    height: 127px;
    background: url(https://img9.99.com/yhkd/image/act/2019/712/title-sec5.png) no-repeat; }
  .sec-5 .swiper-container {
    margin-left: 120px;
    margin-top: 60px; }
  .sec-5 .swiper-container-accordion {
    height: 547px; }
    .sec-5 .swiper-container-accordion .sec-title {
      display: block;
      cursor: pointer;
      width: 105px;
      height: 553px;
      padding: 40px 0 0;
      background: url(https://img9.99.com/yhkd/image/act/2019/712/hor-accordion.png) no-repeat center;
      background-size: 100% 100%;
      position: absolute;
      left: 0;
      top: 0;
      text-align: center; }
      .sec-5 .swiper-container-accordion .sec-title .num {
        margin-bottom: 30px;
        height: 57px;
        display: block;
        font-size: 0; }
      .sec-5 .swiper-container-accordion .sec-title span {
        display: block;
        margin: 0 auto;
        width: 1em;
        font-weight: 700;
        color: #fff;
        font-size: 34px;
        line-height: 40px; }
    .sec-5 .swiper-container-accordion .inner {
      width: 705px; }
    .sec-5 .swiper-container-accordion .img {
      margin: 0 auto 10px;
      width: 574px;
      height: 322px; }
      .sec-5 .swiper-container-accordion .img img {
        width: 572px; }
    .sec-5 .swiper-container-accordion .content {
      margin-top: 30px;
      width: 570px;
      font-size: 18px;
      line-height: 24px;
      margin: 0 auto;
      color: #deffea; }
    .sec-5 .swiper-container-accordion .swiper-slide.swiper-slide-active {
      width: 705px; }
      .sec-5 .swiper-container-accordion .swiper-slide.swiper-slide-active .sec-title {
        background-image: url(https://img9.99.com/yhkd/image/act/2019/712/hor-accordion-on.png); }
    .sec-5 .swiper-container-accordion .swiper-slide {
      visibility: visible;
      height: 515px;
      position: relative;
      padding: 40px 0 0 105px;
      width: 0;
      display: inline-block;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      overflow: hidden;
      background: #0b1d14;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s; }
    .sec-5 .swiper-container-accordion .swiper-slide-1 .sec-title .num {
      background: url(https://img9.99.com/yhkd/image/act/2019/712/c-1.png) no-repeat center;
      background-size: auto 100%; }
    .sec-5 .swiper-container-accordion .swiper-slide-2 .sec-title .num {
      background: url(https://img9.99.com/yhkd/image/act/2019/712/c-2.png) no-repeat center;
      background-size: auto 100%; }
    .sec-5 .swiper-container-accordion .swiper-slide-3 .sec-title .num {
      background: url(https://img9.99.com/yhkd/image/act/2019/712/c-3.png) no-repeat center;
      background-size: auto 100%; }
    .sec-5 .swiper-container-accordion .swiper-slide-4 .sec-title .num {
      background: url(https://img9.99.com/yhkd/image/act/2019/712/c-4.png) no-repeat center;
      background-size: auto 100%; }
    .sec-5 .swiper-container-accordion .swiper-slide-5 .sec-title .num {
      background: url(https://img9.99.com/yhkd/image/act/2019/712/c-5.png) no-repeat center;
      background-size: auto 100%; }