@font-face {
  font-family: 'st';
  src: url('../css/ZITI.TTF') format('truetype');
}

.st {
  font-family: "st";
}

.logo,
.logo-bottom,
.guide,
.title,
.subtitle,
.text,
.subtext,
.slide-inner-text,
.arrow-down,
.unit,
.slide-frame-3 .inner-container img {
  pointer-events: none;
}
.unit {
  display: block;
}
p{
  color: #2e2725;
  margin-bottom: 0.2rem;
}
/* common */
.slide-inner-section{
  position: absolute;
  top:50%;
  left:50%;
  /* /width: 100%; */
  height: 6.03rem;
  transform: translate(-50%, -50%);
}
 .main-img {
  height: 7.34rem;
}
.slide-inner-section .guide {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0.8;
}
/* .slide-inner-section .blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
} */
.next-btn{
  display: none;
  width: 0.3rem;
  position: absolute;
  right: 0.3rem;
  bottom: 0.2rem;
  opacity: 0.6;
  animation: next 1s ease-in-out infinite alternate;
  z-index: 1;
}
.prev-btn{
  display: none;
  width: 0.3rem;
  position: absolute;
  left: 0.3rem;
  bottom: 0.2rem;
  opacity: 0.6;
  animation: prev 1s ease-in-out infinite alternate;
  z-index: 1;
}
@keyframes next {
  0% {
    right: 5%;
  }
  100% {
    right: 2%;
  }
}

@keyframes prev {
  0% {
    left: 5%;
  }
  100% {
    left: 2%;
  }
}
.loading-logo{
  margin-top: 0.38rem;
  width: 1.9rem;
}
.loading-countdown{
  margin-top: 0.8rem;
  width: 1.5rem;
}
.loading-instraction{
  width: 1.2rem;
  margin-top: 0.29rem;
}
.progress-bar{
  margin-top: 0.3rem;
}
.progress-bar .progress{
  background-color: #003b86;
  background-image: linear-gradient(-45deg, transparent 0px, transparent 8px, #0158ba 0.9px, #0158ba 21px, transparent 21px, transparent 29px, #0158ba 31px);
}
.progress-bar .progress::before {
  background: linear-gradient(to bottom, #003b86, rgba(0, 59, 134, 0.6) 15%, transparent 60%, #003b86);
}
.slide-inner-list {
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.18rem;
  opacity: 0.9;
}
.slide-inner-text {
  position: absolute;
  font-size: 0.15rem;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.slide-inner-text div,
.slide-inner-text p {
  line-height: 0.26rem;
  -webkit-font-smoothing: antialiased;
}
.slide-inner-text span {
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.text-vertical {
  font-size: 0.16rem;
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
}

/*视频*/
.slide-video-sub .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: btnLignt 2s ease-in-out infinite;
}
.slide-video-sub .btn-play img{
  width: 0.6rem;
}
@keyframes btnLignt {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}
.video-box .video-player-2 video{
  height: 5rem;
}
.video-close-vertical{
  top:0.5rem;
}
/*文章层*/
.slide-inner-section .img-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.slide-inner-section .text-container {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 100%;
  font-size: 0.14rem;
  line-height: 0.25rem;
  -webkit-transition: 2s;
  transition: 2s;
}
.slide-inner-section .text-container .article-container {
  color: #333;
  height: 100%;
  width: 100%;
  padding: 0.2rem 0.25rem 0 0.25rem;
  padding-bottom: 0.51rem;
}
.slide-inner-section .article-container .title {
  font-weight: bold;
  font-size: 0.18rem;
  line-height: 0.28rem;
  text-align: center;
}
.slide-inner-section .article-container ul {
  margin-top: 0.15rem;
  height: 90%;
  overflow: auto;
}
.arrow-down {
  display: none;
  position: absolute;
  bottom: 4%;
  left: 50%;
  width: 0.26rem;
  margin-left: -0.13rem;
  animation: arrowFloat 1s ease-in-out infinite;
  z-index: 1;
}

@keyframes arrowFloat {
  0% {
    bottom: 4%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 4%;
  }
}
.slide-frame-0 .slide-inner-section {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 400;
  perspective: 400;
}
.slide-frame-0 .title {
  margin-top: 0.22rem;
  margin-left: calc((3.75rem - 1.73rem) / 2);
  width: 1.73rem;
}
.slide-frame-0 .logo{
  margin-top: 0.145rem;
  margin-left: calc((3.75rem - 3.13rem) / 2);
  width: 3.13rem;
}
.slide-frame-0 .cloud{
  width: 10rem;
  margin-bottom: 1.07rem;
}
.slide-frame-1 .logo {
  position: absolute;
  top: 0.47rem;
  left: 0.19rem;
  width: 0.6rem;
}
.slide-frame-1 .logo-text {
  position: absolute;
  left: 0.39rem;
  width: 0.24rem;
  bottom: 1.61rem;
}
.slide-frame-1 .list{
  margin-left: 0.98rem;
  width: 2.76rem;
  vertical-align: bottom;
}
.slide-frame-1 .list-1 {
  margin-top: 0.4rem;
  margin-bottom: 0.13rem;
}
.slide-frame-1 .list-2 {
  margin-bottom: 0.14rem;
}
.slide-frame-1 .list-3 {
  margin-bottom: 0.12rem;
}
.slide-frame-1 .list-4 {
  margin-bottom: 0.11rem;
}
.slide-frame-1 .list-5 {
  margin-bottom: 0.08rem;
}
.slide-frame-1 .list-6 {
  margin-bottom: 0.08rem;
}
.slide-frame-1 .list-7{
  margin-bottom: 0.09rem;
}
.slide-frame-1 .list-8{
  margin-bottom: 0.11rem;
}
@-webkit-keyframes fadeOutLeft{
  0%{
    opacity:1
  }
  100%{
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
  }
}
@keyframes fadeOutLeft{
  0%{
    opacity:1
  }
  100%{
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
  }
}
.fadeOutLeft{
  -webkit-animation-name:fadeOutLeft;
  animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight{
  0%{
    opacity:1
  }
  100%{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
  }
}
@keyframes fadeOutRight{
  0%{
    opacity:1
  }
  100%{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
  }
}
.fadeOutRight{
  -webkit-animation-name:fadeOutRight;
  animation-name:fadeOutRight
}
.slide-frame-2 .first {
  display: block;
  width: 0.28rem;
  margin-top: 0.11rem;
  margin-left: 0.39rem;
}
.slide-frame-2 .title{
  width: 1.7rem;
  margin-top: 0.37rem;
  margin-left: 0.39rem;
}
.slide-frame-2 .biography{
  width: 2.72rem;
  height: 3.7rem;
  margin-top: 0.17rem;
  margin-left: 0.39rem;
  font-size: 0.13rem;
  line-height: 0.23rem;
  /* letter-spacing: 0.05em; */
  text-align: justify;
  overflow: auto;
}
.slide-frame-2 .biography p{
  margin-bottom: 0.18rem;
}
.slide-frame-2 .sign-title{
  margin-top: 0.18rem;
  margin-left: 1.6rem;
  font-size: 0.13rem;
}
.slide-frame-2 .sign{
  width: 0.6rem;
  margin-top: 0.06rem;
  margin-bottom: 0.27rem;
  margin-left: 2.63rem;
  margin-right: 0.64rem;
}
 .button{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0.8) ;
  transform: scale(0.8);
  -webkit-transition: 2s;
  -webkit-transform-origin: center;
  transform-origin: center;
  transition: 2s;
  width: 0.6rem;
  margin-left: calc(-0.6rem /2);
  margin-top: calc(-1.13rem /2);
}
.button-3{
  margin-top: calc(-1.84rem /2);
}
.button-4{
  margin-top: calc(-2.25rem /2);
}
.twinkle-button{
  animation: twinkle-button 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes twinkle-button {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes twinkle-button {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.buttonsmall{
  /* position: absolute;
  top: 0.9rem;
  left: 0.65rem; */
  margin-top: -2rem;
  margin-left: -1.5rem;
  width: 0.4rem;
}
.buttonsmall-3{
  margin-top: -2.2rem;
  margin-left: -1.5rem;
  width: 0.4rem;
}
.buttonsmall-4{
  margin-top: -2.7rem;
  margin-left: -1.5rem;
  width: 0.4rem;
}
.right-text{
  display: none;
  width: 0.3rem;
  position: absolute;
  right: 0.3rem;
  bottom: 0.05rem;
}
.save{
  position: absolute;
  left: 0.21rem;
  width: 0.3rem;
  bottom: 2.5rem;
}
.poster-to-next{
  position: absolute;
  width: 1.5rem;
  bottom: 1.95rem;
  left: 50%;
  transform: translate(-50%,0);
}
.slide-inner-section .posterbtn{
  display: none;
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: 2rem;
  left: 0.3rem;
  background-size: 100% auto;
  animation: rotating 4s linear infinite;
}
.slide-frame-3 .posterbtn{
  background-image: url(../image/3-poster-btn.png?20200402);
}
.slide-frame-4 .posterbtn{
  background-image: url(../image/4-poster-btn.png?20200402);
}
.slide-frame-5 .posterbtn{
  background-image: url(../image/5-poster-btn.png?20200402);
}
.slide-frame-6 .posterbtn{
  background-image: url(../image/6-poster-btn.png?20200402);
}
.slide-frame-7 .posterbtn{
  background-image: url(../image/7-poster-btn.png?20200402);
  top:1.8rem;
}
.slide-frame-8 .posterbtn{
  background-image: url(../image/8-poster-btn.png?20200402);
  top:1.8rem;
}
@keyframes rotating{
  from{transform:rotate(0)}
  to{transform:rotate(360deg)}
  }
.slide-inner-section .slide-homebtn{
  display: none;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 2.3rem;
  left: 0.36rem;
  background-image: url(../image/home-btn.png);
  background-size: 100% auto;
  animation: btnLignt 1s ease-in-out infinite;
}
.slide-frame-7 .slide-homebtn,
.slide-frame-8 .slide-homebtn{
  top:2.4rem;
}
 .cloud-left{
  position: absolute;
  top: 0.3rem;
  left: 0rem;
  width: 5rem;
  pointer-events: none;
}
 .cloud-right{
  position: absolute;
  top: 3.2rem;
  right: 0rem;
  width: 5rem;
  pointer-events: none;
}
.slide-inner-poster{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.slide-inner-poster .poster{
  height: 7.34rem;
}
.slide-inner-poster .homebtn{
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  top: 0.2rem;
  left: 0.3rem;
  background-image: url(../image/home-btn.png);
  background-size: 100% auto;
  animation: btnLignt 1s ease-in-out infinite;
  z-index: 1;
}
.homebtn{
  display: none;
  position: absolute;
  top: 0.15rem;
  left: 0.25rem;
  width: 0.4rem;
  height: 0.4rem;
  animation: btnLignt 1s ease-in-out infinite;
  z-index: 1;
}
.backbtn{
  display: none;
  position: absolute;
  left: 0.8rem;
  top: 0.15rem;
  width: 0.4rem;
  height: 0.4rem;
  animation: btnLignt 1s ease-in-out infinite;
  z-index: 1;
}
.slide-frame-3 .inner-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
} 

.slide-frame-3 .inner-container .slide-inner-section {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 6.03rem;
  transform: translate(-50%, -50%);
}
.slide-frame-3 .inner-container .slide-inner-frame-0 .slide-inner-section .inner-title{
  position: absolute;
  width: 0.25rem;
  top: 0.1rem;
  right: 0.25rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-0 .slide-inner-section .inner-subtitle{
  position: absolute;
  width: 0.13rem;
  top: 0.1rem;
  left: 2.7rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-0 .slide-inner-section .inner-img{
  width: 80%;
  margin-top: 3rem;
  margin-left: 0.35rem;
  margin-bottom: 0.4rem;
}
.slide-frame-3 .inner-container .slide-inner-section .inner-text{
  width: 80%;
  margin-left: 0.35rem;
  font-size: 0.1rem;
  text-align: justify;
}
.slide-frame-3 .inner-container .slide-inner-section .inner-text p{
  margin-bottom: 0;
}
.slide-frame-3 .inner-container .slide-inner-section .inner-text .p-title{
  color: #bf5a4a;
  font-weight: bold;
  padding-bottom: 0.03rem;
  padding-top: 0.03rem;
}
.slide-frame-3 .inner-container  .slide-inner-section .inner-text .p-subtitle{
  font-weight: bold;
  padding-bottom: 0.03rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-1 .slide-inner-section .inner-article{
  width: 100%;
  height: 50%;
  overflow: scroll;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  margin-top: 0.5rem;
  font-size: 0.15rem;
  line-height: 0.3rem;
  font-style: italic;
  text-align: justify;
}
.slide-frame-3 .inner-container .slide-inner-frame-1 .slide-inner-section .inner-article p{
  margin-bottom: 0.2rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-1 .slide-inner-section .bottom-text{
  display: none;
  position: absolute;
  width: 40%;
  left: 0.3rem;
  font-size: 0.09rem;
  bottom: 0.2rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-1 .slide-inner-section .bottom-text p{
  margin-bottom:0;
}
.slide-frame-3 .inner-container .slide-inner-frame-1 .slide-inner-section .bottom-img{
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: 0.3rem;
  bottom: 0.2rem;
  background-image: url(../image/lifen/1-bottom.jpg);
  background-size: 100% auto;
}
.slide-frame-3 .inner-container .slide-inner-frame-1 .slide-inner-section .img-click{
  width: 0.2rem;
  position: fixed;
  bottom: 0.25rem;
  right: 0.4rem;
  animation: twinkle 1s ease-in-out infinite alternate;
}
.slide-frame-3 .inner-container .slide-inner-section .inner-year-title{
  width: 1.2rem;
  margin-top: 0.52rem;
  margin-bottom: 0.1rem;
  margin-left: 0.35rem;
}
/* .slide-frame-3 .inner-container .slide-inner-section .inner-subtitle{
  position: absolute;
  width: 3.2rem;
  top: 0.75rem;
  left: 0.35rem;
  color: #003463;
  font-size: 0.12rem;
  letter-spacing: 0.01rem;
  line-height: 0.15rem;
  font-family: 'simsun';
} */
.slide-frame-3 .inner-container .slide-inner-section .inner-subtitle{
  width: 2.8rem;
  margin-left: 0.35rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-2 .slide-inner-section .inner-img-1{
  width: 80%;
  margin-top: 0.2rem;
  margin-left: 0.35rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-2 .slide-inner-section .inner-img-2{
  width: 40%;
  margin-top: 0.05rem;
  margin-left: 1.85rem;
  margin-bottom: 0.2rem;
}
.slide-frame-3 .inner-container .slide-inner-section .line{
  width: 0.3rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  margin-left: 0.35rem;
  border-top: solid rgb(0,0,0) 1px;
}
.slide-frame-3 .inner-container .slide-inner-frame-3 .slide-inner-section .inner-img{
  margin-top: 0.55rem;
  margin-left: 0.35rem;
  margin-bottom: 0.55rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-3 .slide-inner-section .inner-img-1{
  width: 43%;
}
.slide-frame-3 .inner-container .slide-inner-frame-3 .slide-inner-section .inner-img-2{
  width: 43%;
}
.slide-frame-3 .inner-container .slide-inner-frame-4 .slide-inner-section .inner-img-1{
  width: 80%;
  margin-bottom: 0.2rem;
  margin-left: 0.35rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-4 .slide-inner-section .inner-img-2{
  width: 40%;
  margin-top: 0.4rem;
  margin-left: 1.9rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-5 .slide-inner-section .inner-img-1{
  width: 100%;
}
.slide-frame-3 .inner-container .slide-inner-frame-5 .slide-inner-section .inner-img-2{
  width: 35%;
  position: absolute;
  right: 0.2rem;
  bottom: 0.1rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-5 .slide-inner-section .inner-year-title{
  width: 1.2rem;
  margin-top: 0.5rem;
  margin-left: 0.2rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-5 .slide-inner-section .inner-subtitle{
  width: 2.2rem;
  margin-left: 0.2rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-5 .slide-inner-section .line{
  width: 0.3rem;
  margin-top: 0.6rem;
  margin-left: 0.2rem;
  border-top: solid rgb(0,0,0) 1px;
}
.slide-frame-3 .inner-container .slide-inner-frame-5 .slide-inner-section .inner-text {
  width: 45%;
  margin-top: 0.3rem;
  margin-left: 0.2rem;
  font-size: 0.1rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-6 .slide-inner-section .inner-img-1{
  width: 65%;
  margin-left: 0.9rem;
  margin-top: 0.2rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-6 .slide-inner-section .inner-img-2{
  width: 80%;
  margin-left: 0.35rem;
  margin-top: 0.1rem;
  margin-bottom: 0.3rem;
}

.slide-frame-3 .inner-container .slide-inner-frame-7 .slide-inner-section .inner-img-1{
  width: 80%;
  margin-left: 0.35rem;
  margin-bottom: 0.15rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-8 .slide-inner-section .inner-img{
  width: 65%;
  margin-top: 0.05rem;
  margin-left: 0.6rem;
}
.slide-frame-3 .inner-container .slide-inner-frame-8 .slide-inner-section .copyright{
  margin-left: 0.35rem;
  margin-top: 0.1rem;
  font-size: 0.1rem;
  color: #0000008a;
}
.slide-frame-4 .slide-inner-start{
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: scroll;
  background-color: #fff;
}
.start-bg{
  width: 100%;
}
.slide-frame-4 .slide-inner-start .start-title{
  width: 1.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.slide-frame-4 .slide-inner-start .start-titles{
  margin-left: 1.8rem;
  margin-top: 0.5rem;
}
.slide-inner-start .start-titles .start-title-1,
.slide-inner-start .start-titles .start-title-2,
.slide-inner-start .start-titles .start-title-3,
.slide-inner-start .start-titles .start-title-4{
  width: 0.35rem;
  margin-right: 0.05rem;
  animation: btnLignt 1s ease-in-out infinite;
}

.slide-frame-4 .slide-inner-start .start-img{
  width: 3.3rem;
  margin-top: 0.3rem;
  margin-left: 0.22rem;
  margin-bottom: 0.3rem;
}
.slide-frame-4 .slide-inner-start .start-text{
  margin-left: 0.17rem;
  margin-bottom: 0.5rem;
  font-size: 0.15rem;
  font-style: italic;
  line-height: 0.3rem;
  width: 3.4rem;
}
.slide-frame-4 .slide-inner-start .img-click{
  width: 0.2rem;
  position: absolute;
  top: 9.7rem;
  left: 1.86rem;
  animation: twinkle 1s ease-in-out infinite alternate;
}
.slide-frame-4 .slide-apart-text{
  display: none;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  overflow: scroll;
}
.slide-frame-4 .img1,
.slide-frame-5 .img1{
  width: 100%;
  margin-top: 1rem;
}
.tushuo{
  margin-top: 0.05rem;
  margin-bottom: 0.3rem;
  text-align: left;
  font-size: 0.1rem;
  line-height: 0.15rem;
  color: #0000008a;
}
 .content{
  width: 100%;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  text-align: center;
}
.slide-apart-text-1,
.slide-apart-text-2,
.slide-apart-text-3,
.slide-apart-text-4{
  display: none;
}
.content .content-text{
  text-align: left;
  font-size: 0.14rem;
  line-height: 0.25rem;
  margin-top: 0.3rem;
  text-align: justify;
}
.content .content-text p{
  margin-bottom: 0.3rem;
}
 .content .content-text .sign{
  text-align: right;
  font-weight: bold;
}
 .content .img{
  width: 3.1rem;
}
.slide-frame-4 .content .img2{
  display: block;
  width: 0.85rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.slide-frame-4 .content .name-title{
  width: 1.4rem;
  margin-top: 0.7rem;
  margin-bottom: 0.75rem;
}
.slide-frame-4 .content .name-L{
  width: 2.8rem;
}
.slide-frame-4 .content .name-M{
  width: 2.3rem;
}
/* .slide-frame-5 {
  background-image: url(../image/main/5.jpg);
  background-size: 100% auto;
} */

.slide-frame-5 .slide-inner-start{
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #fff;
}
.slide-frame-5 .slide-inner-start .start-subtitle{
  position: absolute;
  width: 0.15rem;
  top: 1.5rem;
  right: 2.95rem;
}
.slide-frame-5 .slide-inner-start .start-text{
  position: absolute;
  width: 1.1rem;
  top: 1.5rem;
  right: 1.7rem;
}
.slide-frame-5 .slide-inner-start .start-title{
  position: absolute;
  width: 1rem;
  top: 1rem;
  right: 0.15rem;
}
.slide-frame-5 .slide-inner-start .start-titles{
  position: absolute;
  bottom: 0.2rem;
  left: 0.3rem;
}
.slide-frame-5 .slide-inner-start .img-click{
  width: 0.2rem;
  position: absolute;
  bottom: 0.18rem;
  left: 1.4rem;
  animation: twinkle 1s ease-in-out infinite alternate;
}
.slide-frame-5 .slide-apart-text{
  display: none;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  overflow: scroll;
}
.slide-frame-5 .slide-apart-text .video-img{
  width: 100%;
}
.slide-frame-5 .slide-apart-text-3 .name{
  width: 0.6rem;
  position: absolute;
  top: 5.2rem;
  left: 0.5rem;
}
.slide-frame-5 .slide-apart-text-3 .title{
  width: 1.6rem;
  position: absolute;
  top: 5.8rem;
  left: 0.5rem;
}
.slide-frame-5 .slide-apart-text .content .imgL{
  width:2.3rem;
  float: left;
  margin-bottom: 0.1rem;
}
.slide-frame-5 .slide-apart-text-3 .imgR{
  width:2.3rem;
  float: right;
}
.slide-frame-5 .slide-apart-text .content .title-blue{
  color: #5f80a3;
  font-weight: bold;
}
.slide-frame-5 .slide-apart-text .content .title-orange{
  color: #c5735e;;
  font-weight: bold;
}
.slide-frame-5 .slide-apart-text-2 .name{
  width: 1.7rem;
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translate(-50%,0);
}
.slide-frame-5 .slide-apart-text .content .title-darkblue{
  color: #01274c;
}
.slide-frame-5 .slide-apart-text .content .p-title{
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.slide-frame-5 .slide-apart-text .content .p-title p{
  margin-bottom: 0rem;
}
.slide-frame-5 .slide-apart-text-1 .title{
  width: 0.3rem;
  margin-top: 0.6rem;
  float: right;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.slide-frame-5 .slide-apart-text-1 .imgR{
  width: 2rem;
  margin-left: 1.1rem;
}
.slide-frame-5 .slide-video-sub .play-2{
  top: 1.5rem;
}
.slide-frame-5 .slide-video-sub .play-3{
  top: 5rem;
  left: 2.5rem;
  transform:translate(0,0);
}
/* .slide-frame-6 .right-text,
.slide-frame-7 .right-text{
  bottom: 0.35rem;
} */
.slide-frame-6 .slide-inner-start{
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #fff;
  overflow: scroll;
}
.slide-frame-6 .slide-inner-start .img1 {
  width: 3rem;
  top: 0.3rem;
  position: absolute;
  margin-left: 0.35rem;
}
.slide-frame-6 .slide-inner-start .img2 {
  width: 100%;
  margin-top: 2rem;
}
.slide-frame-6 .slide-inner-start .start-title {
  width: 2rem;
  position: absolute;
  top: 2.5rem;
  right: 0.9rem;
}
.slide-frame-6 .slide-inner-start .start-subtitle {
  width: 1.3rem;
  position: absolute;
  left: 1.2rem;
  top: 3rem;
}
.slide-frame-6 .slide-inner-start .start-titles {
  margin-left: 2.2rem;
  margin-top: 0.5rem;
}
.slide-frame-6 .slide-inner-start .start-text{
  width: 3.4rem;
  margin-top: 0.4rem;
  margin-left: 0.17rem;
  font-size: 0.15rem;
  font-style: italic;
  line-height: 0.3rem;
  text-align: justify;
}
.slide-frame-6 .slide-inner-start .img-click{
  width: 0.2rem;
  position: absolute;
  top: 10.05rem;
  left: 2.25rem;
  animation: twinkle 1s ease-in-out infinite alternate;
}
.slide-frame-6 .slide-inner-start .start-text p{
  margin-bottom: 0.3rem;
}
 .article-flag{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide-frame-6 .slide-apart-text{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  overflow: scroll;
}
.slide-frame-6 .slide-apart-text .name{
  display: block;
  width: 2.3rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.slide-frame-6 .slide-apart-text .name-M{
  width:2.2rem;
}
.slide-frame-6 .slide-apart-text .name-L{
  width:3.1rem;
}
.slide-frame-6 .slide-apart-text .img1{
  margin-top: 0.3rem;
}
.slide-frame-7 .slide-inner-start{
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: scroll;
  background-color: #fff;
  text-align: center;
}
.slide-frame-7 .slide-inner-start .start-title{
  width: 2.5rem;
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%,0);
}
.slide-frame-7 .slide-inner-start .start-subtitle{
  width: 2.3rem;
  position: absolute;
  top: 3.97rem;
  right: 0.4rem;
}
.slide-frame-7 .slide-inner-start .start-titles{
  margin-top: 0.5rem;
  text-align: right;
  margin-right: 0.3rem;
}
.slide-frame-7 .slide-inner-start .start-text{
  width: 3.2rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  font-size: 0.15rem;
  font-style: italic;
  line-height: 0.3rem;
  text-align: left;
}
.slide-frame-7 .slide-inner-start .img-click{
  width: 0.2rem;
  position: absolute;
  top: 9.4rem;
  left: 2.25rem;
  animation: twinkle 1s ease-in-out infinite alternate;
}
.slide-frame-7 .slide-inner-start .bottom-img{
  width: 3.3rem;
}
.slide-frame-7 .article-flag{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide-frame-7 .slide-apart-text{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  overflow: scroll;
}
.slide-frame-7 .slide-apart-text .name{
  width: 2.2rem;
  display: block;
  margin-top: 0.5rem;
}
.slide-frame-7 .slide-apart-text .name-L{
  width: 2.9rem;
}
.slide-frame-7 .slide-apart-text .name-M{
  width: 2.3rem;
}
.slide-frame-7 .slide-apart-text .img1{
  margin-top: 0.3rem;
}
.slide-frame-7 .slide-apart-text .p-q{
  margin-bottom: 0;
  color: #01274c;
}
.slide-frame-7 .slide-video-sub .btn-play{
  top: 2.3rem;
}
.slide-frame-8 .slide-inner-start{
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: scroll;
  background-color: #fff;
  text-align: center;
}
.slide-frame-8 .slide-inner-start .start-title{
  width: 2rem;
  position: absolute;
  top: 1.6rem;
  left: 0.6rem;
}
.slide-frame-8 .slide-inner-start .start-subtitle{
  width: 0.15rem;
  position: absolute;
  top: 4.8rem;
  left: 0.6rem;
}
.slide-frame-8 .slide-inner-start .start-titles{
  margin-top: 0.5rem;
  text-align: right;
  margin-right: 0.3rem;
}
.slide-frame-8 .slide-inner-start .img-click{
  width: 0.2rem;
  position: absolute;
  top: 9.3rem;
  left: 3.1rem;
  animation: twinkle 1s ease-in-out infinite alternate;
}
.slide-frame-8 .slide-inner-start .start-text{
  width: 3.2rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  font-size: 0.15rem;
  font-style: italic;
  line-height: 0.3rem;
  text-align: justify;
}
.slide-frame-8 .slide-inner-start .bottom-img{
  width: 3.3rem;
  margin-top: 0.5rem;
}
.slide-frame-8 .slide-inner-start .start-text p{
  margin-bottom: 0.3rem;
}
.slide-frame-8 .article-flag{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide-frame-8 .slide-apart-text{
  display: none;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  overflow: scroll;
}
.slide-frame-8 .img1{
  width: 100%;
  margin-top: 0.5rem;
}
.slide-frame-8 .content .img2{
  display: block;
  width: 0.85rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.slide-frame-8 .content .name{
  width: 1.4rem;
  margin-top: 0.6rem;
  margin-bottom: 0.5rem;
}
.slide-frame-8 .content .name-L{
  width: 2.4rem;
}
.slide-frame-8 .content .name-M{
  width: 1.7rem;
}
.slide-frame-8 .slide-video-sub .btn-play {
  top: 11rem;
}
.slide-frame-9 .video-cover{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.slide-frame-9 .title{
  width: 0.36rem;
  margin-top: 0.35rem;
  margin-left: 3rem;
}
.slide-frame-9 .text{
  display: block;
  width: 2.45rem;
  margin: 0 auto;
  margin-top: 3.1rem;
}
.slide-frame-9 .logo{
  display: block;
  width: 0.8rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.slide-frame-10{
  background-color: #001c3e;
  overflow: auto;  
  -webkit-overflow-scrolling: touch;
}
.slide-frame-10 .title{
  display: block;
  width: 0.37rem;
  margin: 0 auto;
  margin-top: 0.6rem;
}
.slide-frame-10 .text{
  display: block;
  width: 1.74rem;
  margin: 0 auto;
  margin-top: 2.15rem;
}
.slide-frame-10 .slide-video-sub .btn-play{
  top: 45%;
  left: 40%;
  animation: turnmove 2s linear infinite alternate;
}
.slide-frame-10 .slide-video-sub .btn-play img{
  width: 0.86rem;
}
@keyframes turnmove{
	0%{
		transform: rotateZ(-15deg);
  }
  100%{
    transform: rotateZ(15deg);
  }
}
@-webkit-keyframes turnmove{
	0%{
		transform: rotateZ(-15deg);
  }
  100%{
    transform: rotateZ(15deg);
  }
}
/* .slide-frame-10 .transversal-pic{
  display: none;
  position: absolute;
  left: 287%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 100%;
} */
/* .ani-lr-10 {
  animation: aniLR16 10s linear infinite alternate;
}
@-webkit-keyframes aniLR16 {
  0% {
    left: 287%;
  }
  100% {
    left: -183%;
  }
}
@keyframes aniLR16 {
  0% {
    left: 287%;
  }
  100% {
    left: -183%;
  }
} */
.slide-frame-11 {
  background: url('../image/main/11.jpg') center center no-repeat;
  background-size: 100% 100%;
  color: #000;
  opacity: 0.9;
}
.slide-frame-11 .logo {
  width: 1.3rem;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
}
.slide-frame-11 .team-list-box {
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  margin: 0.25rem auto 0;
  font-size: 0.08rem;
  overflow: scroll;
}
.slide-frame-11 .team-list-box ul li {
  display: flex;
  /* justify-content: space-around; */
  height: 0.15rem;
  line-height: 0.2rem;
}

.slide-frame-11 .team-list-box ul li span:first-child {
  width: 1.7rem;
  text-align: right;
  /* font-weight: 600; */
  margin-right: 10px;
}

.slide-frame-11 .team-list-box ul li span:last-child {
  /* width: 1.6rem;
  text-align: left; */
  font-weight: 600;
}
.slide-frame-11 .team-list-box .chairman {
  /* display: block; */
  width: 0.2rem !important;
  /* height: 0.2rem; */
  border:0.5px solid black;
  text-align: center !important;
  /* vertical-align: middle; */
  line-height: 15px;
  position: relative;
  top: 4px;
}
.slide-frame-11 .team-list-box ul .sp-name {
  font-size: 0.09rem;
  font-weight: 900;
}
.slide-frame-11 .team-list-box ul .sp-name-center {
  display: block;
  margin-bottom: 0.05rem;
  margin-top: 0.05rem;
  font-size: 0.09rem;
  font-weight: 900;
  text-align: center;
}

/* @-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.9;
  }
} */
@keyframes fadeInOpacity {
  0% {
    opacity: 0.2;
    transform: X(0deg);
  }
  100% {
    opacity: 1;
    transform: X(180deg);
  }
}
.fadeInOpacity {
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
}

@-webkit-keyframes twinkle {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes twinkle {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


/*iphoneXS MAX*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
  .slide-frame-11 .team-list-box {
    height: 4rem;
  }
  .video-box .video-player-2 video {
    height: 6rem;
  }
}
/* vivo */
@media only screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio:3) {
  .slide-frame-11 .team-list-box {
    height: 4rem;
  }
  .video-box .video-player-2 video {
    height: 6rem;
  }
}
/* iphone X */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio:3) {
  .slide-frame-11 .team-list-box {
    height: 4rem;
  }
  .video-box .video-player-2 video {
    height: 6rem;
  }
}
/* iphone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .slide-frame-11 .team-list-box {
    height: 4rem;
  }
  .video-box .video-player-2 video {
    height: 6rem;
  }
}