/*
  auther:F7
  date:2016.2
*/
html, body, a, img { -webkit-user-select: none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; user-drag: none;}

* { box-sizing:border-box;}

@font-face {
  font-family: 'PFDinTextUN';
  src: url('../font/PFDinTextUN-Regular.otf');
  font-weight:normal;
}

@font-face {
  font-family: 'PFDinTextUNBold';
  src: url('../font/PFDinTextUN-Bold.otf');
  font-weight:normal;
}

html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}

body,
html { width:100%; height:100%; margin:0; padding:0; overflow: hidden;}

html,
body { -webkit-overflow-scrolling:auto; overflow-x: hidden;}
body { background:#f6f7f9; background-size:100% auto; color:#282828; font-family: 'PFDinTextUN','Source Han Sans CN','PingFang SC', 'serif', 'Times New Roman';}

a { color:#000; text-decoration:none;}
a:hover { color:#c00; text-decoration:none;}


.mod-middle {
  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;
  overflow: hidden;
}

/* confirm */
.page-confirm { position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; font-size:16px; background:url("../img/loading-bg.jpg") no-repeat 0 0; background-size: 100% 100%; text-align:center; padding-top:10%; display:none;}

/* loading */
.loading { position: fixed; left:0; top:0; width:100%; height:100%; z-index:11; font-size:16px; background:url("../img/loading-bg.jpg") no-repeat 0 0; background-size: 100% 100%; display:none;}
.loading-con { text-align:center; padding-top:15%; box-sizing: inherit; box-sizing: border-box; color: #194761;}
.loader {
  display: inline-block;
  box-sizing: inherit;
  font-size: 30px;
  width: 1em;
  height: 1em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  border: 6px solid transparent;
  border-top-color: currentcolor;
  border-radius: 50%;
  margin: 0 auto 10px;
  position: relative;
  -webkit-animation: 1s loader-05 linear infinite;
  animation: 1s loader-05 linear infinite;
}
.loader:before {
  box-sizing: inherit;
  content: '';
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: -.2em;
  left: -.2em;
  border: .2em solid currentcolor;
  border-radius: 50%;
  opacity: .5;
}
@-webkit-keyframes loader-05 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@keyframes loader-05 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

/* content */
#open-screen { position: fixed; left:0; top:0; width:100%; height:100%; z-index:10; overflow: hidden; text-align:center;}

/* open-screen */
#open-screen video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: inline-block;
  border: 0;
  margin: 0;
  /* width: 100%;
  height: 100%; */
}
/* #open-screen source {  
  min-width: 100%;  
  min-height: 100%;  
  height: auto;  
  width: auto;  
} */

#app { width:100%; height:100%; overflow: hidden;}

/* swiper */
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* .swiper-slide-parent { */
.swiper-slide {
  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;
  overflow: hidden;
}


/* slide 1 */
.slide-1 { width:100%; height:100%; background:url("../img/slide-1-bg.jpg") no-repeat left top; background-size: 100% auto; position: relative;}
.slide-1 img { display:block; width:100%; margin:0 auto;}

.slide-1-title { position: absolute; top:50%; width:100%; height:100%;}
.slide-1-title .img { width:66%; margin:auto; position: relative;}
.slide-1-title .img img { opacity:0;}
.slide-1-title .img div { position: absolute; left:0%; bottom:88%; width:100%;}
.slide-1-title .img div img { opacity: 1;}
/* .slide-1-subtitle { position: absolute; width:100%; left:0; top:53%;} */
.slide-1-subtitle { position: absolute; width:100%; top:50%; padding-right:0.5%;}
.slide-1-subtitle .img { width:66%; margin:0 auto; position: relative;}
.slide-1-subtitle .img img { opacity:0;}
.slide-1-subtitle .img div { position: absolute; left:0; top:28%; width:100%;}
.slide-1-subtitle .img div img { opacity: 1;}

.slide-1-con { height: 100%; transform: translateY(0%);  -webkit-transform: translateY(0%); -webkit-transition-duration: 750ms; transition-duration: 750ms; position: relative; z-index:2;}
.slide-1-title-up .slide-1-con { transform: translateY(-16%);  -webkit-transform: translateY(-16%);}
.slide-1-con .typist { width:66%; margin:4% auto 0; line-height:1.5em; opacity: 0;}
.slide-1-show-font .typist { opacity: 1;  -webkit-transition-duration: 750ms; transition-duration: 750ms;}
.slide-1-show-font .sound { width:44px; position: absolute; left: 0; top: 0;}
.slide-1-show-font .sound img { display:block; width:100%;}



.cloud { position: absolute; width:100%; left:0; bottom:-34%; z-index:2;}
.cloud-zhan { width:130%; opacity: 0;}
.cloud-left,
.cloud-right { position: absolute; width:130%; top:0;}
.cloud-left { left: -100%; -webkit-animation: 150s cloud-left-move linear infinite; animation: 150s cloud-left-move linear infinite;}
.cloud-right { right: -100%; -webkit-animation: 150s cloud-right-move linear infinite; animation: 150s cloud-right-move linear infinite;}
@-webkit-keyframes cloud-left-move {
  0% {
    left: -100%;
  }
  100% {
    left: 80%;
  }
}
@keyframes cloud-left-move {
  0% {
    left: -100%;
  }
  100% {
    left: 80%;
  }
}
@-webkit-keyframes cloud-right-move {
  0% {
    right: -100%;
  }
  100% {
    right: 80%;
  }
}
@keyframes cloud-right-move {
  0% {
    right: -100%;
  }
  100% {
    right: 80%;
  }
}

.slide-1-bottom { position: absolute; width:100%; left:0; bottom:-58%; z-index:2;}
/* .slide-1 .sound { width: 50px; height: 50px; position: absolute; right: 3%; top: 3%;} */

.slide-1-font { position: absolute; width:100%; height:38%; left:0; bottom:1%; overflow: hidden;}
.slide-1-font img { position: absolute; width:100%; left:0; top:100%; -webkit-animation: 15s slide-1-font-move linear infinite; animation: 15s slide-1-font-move linear infinite;}
@-webkit-keyframes slide-1-font-move {
  0% {
    top: 100%;
  }
  100% {
    top: -105%;
  }
}
@keyframes slide-1-font-move {
  0% {
    top: 100%;
  }
  100% {
    top: -105%;
  }
}

.slide-1-next { cursor:pointer; position: absolute; z-index:2; left:45%; bottom:0; width:10%; padding:2% 4%; -webkit-animation: 1.5s next-move linear infinite; animation: 1.5s next-move linear infinite;}
@-webkit-keyframes next-move {
  0% {
    bottom:1%;
  }
  50% {
    bottom:-1%;
  }
  100% {
    bottom:1%;
  }
}
@keyframes next-move {
  0% {
    bottom:1%;
  }
  50% {
    bottom:-1%;
  }
  100% {
    bottom:1%;
  }
}


/* slide-1-plus */
.slide-1-plus {background:url("../img/slide-1-plus-bg.jpg") no-repeat left bottom; background-size: 100% auto; position: relative;}
.typist { width:60%; color:#fff; font-size:30px; text-shadow:2px 1px 2px #174057; text-align:left; text-indent: 2em; line-height: 1.6em; position: relative;}
.slide-1-plus .sound { width:44px; position: absolute; left: 0; top: 0;}
.slide-1-plus .sound img { display:block; width:100%;}

@media screen and (min-width: 1919px) {
  .typist { font-size:34px;}
  .slide-1-title-up .slide-1-con { transform: translateY(-20%);  -webkit-transform: translateY(-20%);}
}

/* slide 2 */
.slide-2 {background:url("../img/slide-2-bg.jpg") no-repeat left top; background-size: 100% auto; position: relative;}
.slide-2 img { display:block; width:100%; margin:0 auto;}
.slide-2-con { width:60%; margin:30px auto 0; overflow: hidden; position: relative;}
.slide-2-con-left { width:50%; float:left;}
.slide-2-con-right { width:50%; float:right;}
.slide-2-font-1 { position:absolute; right:0; top:0; width:50%; display:none;}
.slide-2-font-1-con { position:absolute; left:0; top:0; width:50%; display:none;}
.slide-2-font-2,
.slide-2-font-3,
.slide-2-font-4 { position:absolute; left:0; top:0; width:50%; display:none;}
.slide-2-font-2-con,
.slide-2-font-3-con,
.slide-2-font-4-con { position:absolute; right:0; top:0; width:50%; display:none;}
.slide-2-con-left:hover .slide-2-font-1,
.slide-2-con-left:hover .slide-2-font-1-con { display:block; -webkit-animation-duration: .5s; animation-duration: .5s;}
.slide-2-con-right > div:hover > div { display:block; -webkit-animation-duration: .5s; animation-duration: .5s;}

/* slide-3 */
.slide-3 {background:url("../img/slide-3-bg.jpg") no-repeat left bottom; background-size: 100% auto; position: relative;}
.slide-3 img { display:block; width:100%; margin:0 auto;}
.slide-3 > div { position: relative; margin-right:10%;}
.slide-3-round { width:42%; position: absolute; left:17%; top:5%;}
.slide-3-round-con { position: absolute; top:0; left:0; right:0; bottom:0; 
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); 	/* IE 9 */
  -moz-transform:rotate(0deg); 	/* Firefox */
  -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
  -o-transform:rotate(0deg); 	/* Opera */
}
/* .slide-3-round-con .current .title-img {
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
} */
.slide-3-round-con,
.slide-3-round-con .title,
.slide-3-round-con .current-dot,
.slide-3-round-con .current-title,
.slide-3-round-con .current-title-con {
  transition: .7s;
  -ms-transition: .7s;
  -moz-transition: .7s;
  -webkit-transition: .7s;
  -o-transition: .7s;
}
.slide-3-round-con .round-item1 .current-title { right:120.8%;}
.slide-3-round-con .round-item2 .current-title { right:119.8%;}
.slide-3-round-con .round-item3 .current-title { right:116.8%;}
.slide-3-round-con .round-item4 .current-title { right:113.8%;}
.slide-3-round-con .round-item5 .current-title { right:110.5%;}
.slide-3-round-con .round-item6 .current-title { right:109%;}

.slide-3-round-con .round-item1 .current-title-con { left:9%;}
.slide-3-round-con .round-item2 .current-title-con { left:11%;}
.slide-3-round-con .round-item3 .current-title-con { left:14%;}
.slide-3-round-con .round-item4 .current-title-con { left:17%;}
.slide-3-round-con .round-item5 .current-title-con { left:20%;}
.slide-3-round-con .round-item6 .current-title-con { left:21%;}

.slide-3-round-con > div { position: absolute;}
.slide-3-round-con .dot { display:block; width:68%; }
.slide-3-round-con .current-dot { opacity:0; width:90%; position: absolute; top:-15%; left:-12%;}
.slide-3-round-con .current .current-dot { opacity:1;}
.slide-3-round-con .current .dot { opacity: 0;}
.round-item1 { top:7%; left:34.5%;}
.round-item2 { top:6.5%; left:61.5%;}
.round-item3 { top:22.5%; left:83.5%;}
.round-item4 { top:48%; left:92%;}
.round-item5 { top:73.5%; left:84%;}
.round-item6 { top:90%; left:62%;}
.round-item7 { top:90%; left:35%;}
.slide-3-round-con .title { position: absolute; top:-10%; left:20%; height:180%; transform-origin: 0 0;}
.slide-3-round-con .title .title-img { height:100%; margin-left:20%;}
.slide-3-round-con .title .title-img img { width:auto; height:100%;}

.slide-3-round-con .item-offset-6,
.slide-3-round-con .item-offset-5,
.slide-3-round-con .item-offset-4,
.slide-3-round-con .item-offset-3 { opacity: 0;}
.slide-3-round-con .item-offset-6 .title,
.slide-3-round-con .item-offset-5 .title,
.slide-3-round-con .item-offset-4 .title,
.slide-3-round-con .item-offset-3 .title { display:none;}
.slide-3-round-con .item-offset-2 { opacity: .3;}
.slide-3-round-con .item-offset-1 { opacity: .5;}
.slide-3-round-con .item-offset-2 .title { display:block; height:130%;}
.slide-3-round-con .item-offset-1 .title { display:block; height:150%;}

.slide-3-round-con .item-offset6,
.slide-3-round-con .item-offset5,
.slide-3-round-con .item-offset4,
.slide-3-round-con .item-offset3 { opacity: 0;}
.slide-3-round-con .item-offset6 .title,
.slide-3-round-con .item-offset5 .title,
.slide-3-round-con .item-offset4 .title,
.slide-3-round-con .item-offset3 .title { display:none;}
.slide-3-round-con .item-offset2 { opacity: .3;}
.slide-3-round-con .item-offset1 { opacity: .5;}
.slide-3-round-con .item-offset2 .title { display:block; height:130%;}
.slide-3-round-con .item-offset1 .title { display:block; height:150%;}


.slide-3-round-con .current-title { position: absolute; top:-10%; right:110%; width:200%; height:100%; text-align:right; opacity: 0;}
.slide-3-round-con .current-title img { display:inline-block; width:auto; height:100%;}

.slide-3-round-con .current-title-con { display:none; position: absolute; top:-125%; left:20%; height:350%; opacity: 0;}
.slide-3-round-con .current-title-con img { display:inline-block; width:auto; height:100%;}
.slide-3-round-con .current .current-title,
.slide-3-round-con .current .current-title-con { display:block; opacity: 1;}
.slide-3-round-con .current .title-img { opacity: 0;}

.slide-3-round-con .round-item1 .current-title { top:-40%;}
.slide-3-round-con .round-item1 .current-title-con { top:-175%;}
.slide-3-round-con .round-item2 .current-title { top:-25%;}
.slide-3-round-con .round-item2 .current-title-con { top:-150%;}
.slide-3-round-con .round-item3 .current-title { top:-5%;}
.slide-3-round-con .round-item3 .current-title-con { top:-140%;}
.slide-3-round-con .round-item6 .current-title { top:-48%;}
.slide-3-round-con .round-item6 .current-title-con { top:-168%;}
.slide-3-round-con .round-item7 .current-title { top:-70%;}
.slide-3-round-con .round-item7 .current-title-con { top:-190%;}

/* slide-4 */
.chart-1 {background:url("../img/chart-1-bg.jpg") no-repeat left top; background-size: 100% auto;}
.chart-2 {background:url("../img/chart-2-bg.jpg") no-repeat left top; background-size: 100% auto;}
.chart-3 {background:url("../img/chart-3-bg.jpg") no-repeat left top; background-size: 100% auto;}
/* russia_cgtn reset */
/* body.pc #moneybar,
body.pc #provLink,
body.pc #provCircle { width: 1200px;}
@media screen and (max-width: 1400px) {
  body.pc #moneybar,
  body.pc #provLink,
  body.pc #provCircle { width:1000px;}
}
@media screen and (max-width: 1200px) {
  body.pc #moneybar,
  body.pc #provLink,
  body.pc #provCircle { width:960px;}
} */
#moneybar .moneybarBox,
#provLink .provLinkBox,
#provCircle .provCircleBox { background: none;}
#provLink .provLinkBox { margin:0;}

/* slide-5 */
.slide-5 {background:url("../img/slide-5-bg.jpg") no-repeat left top; background-size: 100% auto;}
.slide-5 > div { width:100%;}
.slide-5 img { display:block; width:100%; margin:0 auto;}
.slide-5-title { position: relative; width:78%; margin:0 auto 30px;}

.slide-app5-swiper { width:69%; margin:0 auto; position: relative;}
#swiper-app-5 { height: auto;}
#swiper-app-5 .swiper-slide { background-position: center; background-size: cover; width: 25%;}
#swiper-app-5 .swiper-slide img { display:block; width:100%; height:auto; opacity: 0;}
#swiper-app-5 .swiper-slide { opacity: .6; background-size:60% 60%; background-repeat: no-repeat;}
#swiper-app-5 .swiper-slide-prev { opacity: .8; background-size:80% 80%; background-repeat: no-repeat; background-position:20% center;}
#swiper-app-5 .swiper-slide-next { opacity: .8; background-size:80% 80%; background-repeat: no-repeat; background-position:80% center;}
#swiper-app-5 .swiper-slide-active { opacity: 1; background-size:100% 100%;}
#swiper-app-5 .swiper-slide-active .slide-5-sound img { opacity: 1;}
.swiper-app-5-arrow-left { position: absolute; right: 105%; top:45%; width:2.5%; z-index:10;}
.swiper-app-5-arrow-right { position: absolute; left: 105%; top:45%; width:2.5%; z-index:10;}

.slide-app5-con { margin:2% auto; width: 72%;}
.slide-app5-con-item { text-align:left; position: relative; display:none; clear:both;}
.slide-app5-con-item:after { display:block; clear:both; content:""; visibility:hidden; height:0;}
.slide-app5-con-item.current { display:block;}
.slide-app5-con-item .photo { width:30%; float:left; padding-top:5px; position: relative;}
.slide-app5-con-item .text { position: absolute; left:34%; right:0; top:0; height:100%; overflow: hidden; line-height:1.2em; font-size:28px;}
.slide-app5-con-item .text img { max-height:100%;}
.slide-app5-con-item .text div { overflow: hidden;}
.slide-app5-con-more {  width:4.5%; position: absolute; right:1%; bottom:-8%;}
.slide-5-sound { display:block; position: absolute; right:13%; bottom:3%; width:12%; cursor:pointer;}
.slide-app5-con .video-play { display:block; width:100%; height:100%; position: absolute; top:0; left:0;}
.slide-app5-con .video-play img { display:block; width:15%; position: absolute; left:2%; bottom:3%;}
@media screen and (min-width: 1919px) {
  .slide-app5-con-item .text { line-height:1.5em; font-size:30px;}
}

/* .slide-app5-con-item .text,
.slide-6-item .text div { font-family: 'PFDinTextUNBold';} */

/* slide-6 */
.slide-6 { background:url("../img/slide-6-bg.jpg") no-repeat left bottom; background-size: 100% auto; display:block;}
.slide-6 > div { position: relative; top:50%; transform: translate(0,-50%)}
.slide-6 img { display:block; width:100%; margin:0 auto;}

.slide-6-title { padding-bottom:1.5%; width:88%; margin:0 auto;}

.slide-6-tab { margin:0 auto 1.5%; font-size:0; line-height:2em; border-bottom:1px solid #000; text-align:left;}
.slide-6-tab > div { display:inline-block; width:22%; position: relative; padding-bottom:1.5%; margin-left:4%;}
.slide-6-tab > div:first-child { margin-left:0;}
/* .slide-6-tab img { display:block; width:80%;} */
.slide-6-tab .active { display:none;}
.slide-6-tab img { width:92%;}
.slide-6-tab .current span { position: absolute; width:100%; left:0; bottom:-3px; height:5px; overflow: hidden; border-radius: 4px; background:#cfc05d;}
.slide-6-tab .current .active { display:block;}
.slide-6-tab .current .disabled { display:none;}

.slide-6-tab,
.slide-app6-swiper { width: 70%;}

.slide-app6-swiper { margin:0 auto; position: relative; display:block;}
.swiper-app-6-arrow-left { position: absolute; right: 105%; top:45%; width:2.5%; z-index:10;}
.swiper-app-6-arrow-right { position: absolute; left: 105%; top:45%; width:2.5%; z-index:10;}
#swiper-app-6 .swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 100%;
}
.slide-6-item { overflow: hidden; background:#57b9c9; display:block; border-radius:0 24px 24px 6px; position: relative;}
.slide-6-item .photo { width:62%; position: relative;}
.slide-6-item .text { position: absolute; top:12%; left:63%; width:37%; text-align:left; color:#fff; line-height:1.5em; font-size:28px; padding:0 20px; height:76%; overflow: hidden;}
.slide-6-item .text div { /*max-height:184px;*/ overflow: hidden;}
.slide-6-item .more { position: absolute; right:2%; bottom:4%; width:5%;}
.slide-6-item .more a { display:block; width:100%; color:#fff;}
.slide-6-item .video-play { display:block; width:100%; height:100%; position: absolute; top:0; left:0;}
.slide-6-item .video-play img { display:block; width:9%; position: absolute; left:2%; bottom:3%;}
@media screen and (min-width: 1919px) {
  .slide-6-item .text { line-height:1.6em; font-size:32px;}
}

/* slide-7 */
.slide-7 { background:url("../img/slide-7-bg.jpg") no-repeat left center; background-size: 100% auto;}
.slide-7 img { display:block; width:100%; margin:0 auto;}
.slide-7 > div { width:100%;}
.slide-app7-swiper { width: 70%; margin:3% auto 0; position: relative; display:block; border:8px solid #fff;}
.swiper-app-7-arrow-left { position: absolute; right: 105%; top:42%; width:2.5%; z-index:10;}
.swiper-app-7-arrow-right { position: absolute; left: 105%; top:42%; width:2.5%; z-index:10;}
#swiper-app-7 .swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 100%;
}
.beer-reveal { border-right:8px solid #fff;}
.beer-handle { margin-left:-4px; background: rgba(212, 193, 76, 0.7); color:#fff;}
.beer-range:focus ~ .beer-handle { background: rgba(212, 193, 76, 1);}
.beer-slider { width:100%;}
.beer-slider[data-beer-label]:after,
.beer-reveal[data-beer-label]:after { content: ''; padding:0;}


/* slide-8 */
.slide-8 { background:url("../img/slide-8-bg.jpg") no-repeat left center; background-size: 100% auto;}
.slide-8 img { display:block; width:100%; margin:0 auto;}
.slide-8 > div { width:100%;}
.swiper-slide .slide-8-night { position:absolute; top:0; left:0; height:100%; z-index: 1; background:url("../img/slide-8-night.png") repeat-x left center; display:none; -webkit-animation-duration: 2; animation-duration: 2s;}
.slide-8-con { position: relative; z-index: 2;}
.lantern { position: absolute; left:0; top:0; width:100%; height:50%; -webkit-animation-duration: 4s; animation-duration: 4s;}
.lantern-float { position: absolute; left:38%; top:8%; width:24%; display:none;}
.big-dark { display: block;}
.lighting img { -webkit-transition-duration:.75s; -moz-transition-duration:.75s; transition-duration:.75s;}
.lighting  .halo { -webkit-animation: 3s lantern-halo-move linear infinite; animation: 3 lantern-halo-move linear infinite;}
.lighting  .light { -webkit-animation: 3s lantern-light-move linear infinite; animation: 3 lantern-light-move linear infinite;}
.lantern-float .halo img { opacity: 1;}
.lantern-float .dark { position: absolute; left:0; top:0; width:100%; height:100%; opacity: .8;}
.big-dark .dark { opacity: 1;}
.lantern-float .dark img { opacity: 0;}
.lantern-float .light img { opacity: 1; position: absolute; left:0; top:0; width:100%; height:100%;}
.big-dark .halo img { opacity: 0;}
.big-dark .dark img { opacity: 1;}
.big-dark .light img { opacity: 0;}
.lighting .halo img { opacity: 1;}
.lighting .dark img { opacity: 0;}
.lighting .light img { opacity: 1;}
/* .lantern-float .mouse { position: absolute; left:59%; top:39%; width:9%;} */
.lantern-float .mouse { position: absolute; left:59%; top:44%; width:9%;}
.lantern-float .mouse-shadow { position: absolute; top:0; left:0; width:100%; height:100%; -webkit-animation: 2s slide-8-mouse-move linear infinite; animation: 2s slide-8-mouse-move linear infinite;}
.slide-8-font { width:74%; margin:26% auto 2%; position: relative; z-index: 100;}
.slide-8-slogan { width:55%; border:8px solid #d4c14c; background:url("../img/slide-8-slogan-bg.png"); margin:0 auto; border-radius: 10px; position: relative;}
.slide-8-slogan a { position: absolute; right:0; bottom:2%; width:17%;}
.slide-8-fly { width:9%; margin:1.5% auto 2%; position: relative;}
.slide-8-fly .but-shadow { position: absolute; top:0; left:0; width:100%; height:100%; -webkit-animation: 2s slide-8-fly-move linear infinite; animation: 2s slide-8-fly-move linear infinite; display:none;}
.flash-shadow .but-shadow { display:block;}

@-webkit-keyframes slide-8-mouse-move {
  0% {
    transform:scale(1);
    opacity: 1;
  }
  20% {
    transform:scale(1.5);
    opacity: 0;
  }
  21% {
    transform:scale(1);
    opacity: 1;
  }
  40% {
    transform:scale(1.5);
    opacity: 0;
  }
  41% {
    transform:scale(1);
    opacity: 0;
  }
  100% {
    transform:scale(1);
    opacity: 0;
  }
}
@keyframes slide-8-mouse-move {
  0% {
    transform:scale(1);
    opacity: 1;
  }
  20% {
    transform:scale(1.5);
    opacity: 0;
  }
  21% {
    transform:scale(1);
    opacity: 1;
  }
  40% {
    transform:scale(1.5);
    opacity: 0;
  }
  41% {
    transform:scale(1);
    opacity: 0;
  }
  100% {
    transform:scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes slide-8-fly-move {
  0% {
    transform:scale(1);
    opacity: 1;
  }
  20% {
    transform:scale(1.3);
    opacity: 0;
  }
  21% {
    transform:scale(1);
    opacity: 1;
  }
  40% {
    transform:scale(1.3);
    opacity: 0;
  }
  41% {
    transform:scale(1);
    opacity: 0;
  }
  100% {
    transform:scale(1);
    opacity: 0;
  }
}
@keyframes slide-8-fly-move {
  0% {
    transform:scale(1);
    opacity: 1;
  }
  20% {
    transform:scale(1.3);
    opacity: 0;
  }
  21% {
    transform:scale(1);
    opacity: 1;
  }
  40% {
    transform:scale(1.3);
    opacity: 0;
  }
  41% {
    transform:scale(1);
    opacity: 0;
  }
  100% {
    transform:scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes lantern-halo-move {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lantern-halo-move {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lantern-light-move {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lantern-light-move {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
.lantern-float.lighting { -webkit-animation: 4s lantern-float-move linear infinite; animation: 4s lantern-float-move linear infinite;}
@-webkit-keyframes lantern-float-move {
  0% {
    transform:translateY(0%) rotate(3deg)
  }
  50% {
    transform:translateY(4%) rotate(-3deg)
  }
  100% {
    transform:translateY(0%) rotate(3deg)
  }
}
@keyframes lantern-float-move {
  0% {
    transform:translateY(0%) rotate(3deg)
  }
  50% {
    transform:translateY(4%) rotate(-3deg)
  }
  100% {
    transform:translateY(0%) rotate(3deg)
  }
}

.swiper-slide .shareImg { display:none; position: absolute; left:0; top:0; width:100%; height:100%; -webkit-animation-duration: .75s; animation-duration: .75s; z-index:999; background:#fff;}
.shareImg-con { height:100%;}
.shareImg img { width:auto; height:90%; max-height:1080px; text-align:center; display:block; margin:0;}
.shareImg .close { cursor:pointer; position: absolute; right:3%; top:4%; z-index:999; opacity: .7;}


/* slide-9 */
.slide-9 { background:url("../img/slide-9-bg.jpg") no-repeat left center; background-size: 100% auto;}
.slide-9 img { display:block; width:100%; margin:0 auto;}
.slide-9 > div { width:100%;}
.slide-9-con { width:82%; margin:1% auto 0; overflow: hidden;}
.slide-9-item { display:block; width:44%; margin:2% 3% 0; float:left; background:#fff; border-radius:10px; text-align:left; position: relative; color:#282828;}
.slide-9-item:hover { color:#333;}
.slide-9-item .photo { float:left; width:50%; padding:4% 0 4% 4%;}
.slide-9-item .font { position: absolute; top:12%; left:54%; width:42%; height:78%; overflow: hidden;}
.slide-9-item .font h4 { font-size:18px; line-height:1.2em;}
.slide-9-item .font span { font-size:12px; color:#ccc; line-height:2.2em; display:block; margin-top:2px;}
.slide-9-item .font p { font-size:16px; line-height:1.3em;}
/* .slide-9-item .font::after { content:"..."; font-weight:bold; position:absolute; bottom:0px; right:0; padding:0 5px 5px 9px; background:url(../img/white-bg.png);} */

@media screen and (min-width: 1500px) and (max-width: 1600px) {
  .slide-9-item .font::after { bottom:-4px; line-height:12px;}
}

.slide-9-more { margin:3% auto 0; width:6%;}

@media screen and (max-width: 1600px) {
  .slide-9-item .font h4 { font-size:14px;}
  .slide-9-item .font p { font-size:12px;}
}


/* video play */
#vide-box { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
#vide-box .close { position: absolute; right:3%; top:4%; z-index:999; opacity: .8;}
#vide-box .video-con { height:100%; width:100%;}
#vide-box .video-con video { display:block; max-width:1080px; margin:auto;}
/* #my_video { height:auto !important;} */
/* #vide-box .jwplayer { margin:auto;} */
/* #vide-box .video-con-ie11 .jwplayer { margin-top:15%;} */

/* screen-lantern */
.swiper-slide { position: relative;}
.swiper-slide .screen-lantern { position: absolute; top:0; left:0; width:100%; height:100%; z-index:1; /*display:none;*/}
/* .swiper-slide-active .screen-lantern { display:block;} */
.swiper-slide .lantern-1 { position: absolute; top:48%; left:-10%; width:10%; display:block; -webkit-animation: 20s screen-lantern-1-move linear infinite; animation: 20s screen-lantern-1-move linear infinite;}/* top:-20 left:30 */
.swiper-slide .lantern-2 { position: absolute; top:95%; left:2%; width:12%; display:block; -webkit-animation: 30s screen-lantern-2-move linear infinite; animation: 30s screen-lantern-2-move linear infinite;}/* top:-20 left:52 */
.swiper-slide .lantern-3 { position: absolute; top:95%; left:30%; width:12%; display:block; -webkit-animation: 35s screen-lantern-3-move linear infinite; animation: 35s screen-lantern-3-move linear infinite;}/* top:-20 left:95 */
.swiper-slide .lantern-4 { position: absolute; top:95%; left:54%; width:10%; display:block; -webkit-animation: 25s screen-lantern-4-move linear infinite; animation: 25s screen-lantern-4-move linear infinite;}/* top:-26 left:100 */
.swiper-slide .screen-lantern img { display:block; width:100%;}
.swiper-slide > div { position: relative; z-index:2;}
.slide-6 .screen-lantern { transform: translate(0,0);}
@-webkit-keyframes screen-lantern-1-move {
  0% {
    top:48%; left:-10%; width:10%;
  }
  100% {
    top:-20%; left:30%; width:8%;
  }
}
@keyframes screen-lantern-1-move {
  0% {
    top:48%; left:-10%; width:10%;
  }
  100% {
    top:-20%; left:30%; width:6%;
  }
}
@-webkit-keyframes screen-lantern-2-move {
  0% {
    top:95%; left:2%; width:12%;
  }
  100% {
    top:-20%; left:52%; width:8%;
  }
}
@keyframes screen-lantern-2-move {
  0% {
    top:95%; left:2%; width:12%;
  }
  100% {
    top:-20%; left:52%; width:8%;
  }
}
@-webkit-keyframes screen-lantern-3-move {
  0% {
    top:95%; left:30%; width:12%;
  }
  100% {
    top:-20%; left:95%; width:8%;
  }
}
@keyframes screen-lantern-3-move {
  0% {
    top:95%; left:30%; width:12%;
  }
  100% {
    top:-20%; left:95%; width:8%;
  }
}
@-webkit-keyframes screen-lantern-4-move {
  0% {
    top:95%; left:54%; width:10%;
  }
  100% {
    top:-26%; left:100%; width:6%;
  }
}
@keyframes screen-lantern-4-move {
  0% {
    top:95%; left:54%; width:10%;
  }
  100% {
    top:-26%; left:100%; width:6%;
  }
}


@media screen and (min-width: 1399px) {
  .slide-2-con { width:65%;}
}

@media screen and (max-width: 1400px) {
  .slide-3-round-con .current-title-con img { height:88%;}
  .slide-8-font { margin:24% auto 1%; /*width:80%;*/}
  .slide-8-slogan { width:50%;}
}

@media screen and (max-width: 1023px) {
  .slide-6-item .text { line-height:1.4em;}
  .slide-9-item .font p { display:none;}
}
@media screen and (min-width: 1679px) {
  .slide-3-round-con .current-title-con img { height:116%;}
  .slide-9-item .font h4 { line-height:1.3em;}
}
@media screen and (min-width: 1800px) {
  .slide-3-round-con .dot { width:88%;}
  .slide-3-round-con .current-dot { width:100%; top:8%;}
  .slide-3-round-con .current-title-con img { height:100%;}
  .round-item1 { top:6.5%; left:33.5%;}
  .round-item2 { top:6.5%; left:61%;}
  .round-item4 { left:92.2%;}
  .round-item5 { top:74%; left:83%;}
  .round-item6 { top:89.5%; left:61%;}
  .round-item7 { top:89.5%;}
}
@media screen and (min-width: 1919px) {
  .slide-3 > div {  margin-right:9%;}
  .slide-3-round-con .current-title-con img { height:100%;}
  .slide-9-item .font h4 { line-height:1.2em;}
  .slide-9-item .font span { margin-bottom:2px;}
  .slide-9-item .font p { line-height:1.4em;}
}
@media screen and (min-width: 2047px) {
  .slide-3-round-con .current-title-con img { height:120%;}
  .slide-9-item .font h4 { line-height:1.4em;}
}
@media screen and (min-width: 2560px) {
  .slide-3 > div { margin-right:0;}
}
@media screen and (max-width: 1367px) {
  .slide-9-item .font h4 { line-height:1.3em;}
  .slide-9-item .font p { display:none;}
}
@media screen and (max-width: 1200px) {
  .slide-3-round-con .current-title-con img { height:78%;}
}