* {

  margin: 0;

  padding: 0;

  font-size: 18px;

}



body {

  min-width: 1200px;

}



img {

  display: block;

  object-fit: cover;

}



li,

a {

  list-style: none;

  text-decoration: none;

  color: black;

}



html,

body {

  position: relative;

  height: 100%;

}

body {

  background: #eee;

  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

  font-size: 14px;

  color: #000;

  margin: 0;

  padding: 0;

}

.fl {

  float: left;

}



.fr {

  float: right;

}





/* 清除浮动 cl 、clearfix  */



.cl:after,

.clearfix:after {

  content: "\20";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



.cl,

.clearfix {

  zoom: 1;

}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

/*定义滚动条轨道
  内阴影+圆角*/
::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  /* border-radius: 10px; */
  background-color: transparent;
}

/*定义滑块
  内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background-color: #eea602;
}

.w-1200 {

  width: 1200px;

  margin: 0 auto;

}

.w-1000 {

  width: 1000px;

  margin: 0 auto;

}


/*滚屏*/
.swiper {

  width: 100%;

  height: 100%;

  cursor: grab;

}



.swiper-slide {

  font-size: 18px;

  background: #fff;

  position: relative;

  /* 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;

}

.swiper-3d .swiper-slide-shadow-left {

  background: none;

}



.swiper-3d .swiper-slide-shadow-right {

  background: none;

}


/* 首页 */

@keyframes slide1_bt {

  0% {

    top: -600px;

  }

  100% {

    top: 0;

  }

}

@keyframes slide1_bt2 {

  0% {

    top: 600px;

  }

  100% {

    top: 0;

  }

}

@keyframes slide1_bt3 {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes slide1_nav_right {
  0% {

    left: 1700px;
  }

  100% {

    left: 0;

  }

}

.slide1 {

  background: url("../img/01bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.logo1 {
  transform: translate(-90px, 0);
  position: relative;
  animation: slide1_bt 1.5s forwards;

}

.logo2 {
  transform: translate(910px, -40px);
  position: relative;
  animation: slide1_bt 1.5s forwards;

}

.bt1 {
  position: relative;
  margin: 40px auto 100px;
  animation: slide1_bt 1.5s forwards;
}

.didian1 {
  transform: translate(400px, 0);
  position: relative;
  animation: slide1_bt2 2.5s forwards;

}

.daohang {
  width: 1013px;
  height: 66px;
  line-height: 66px;
  font-size: 24px;
  position: relative;
  background: url('../img/1daohang.png') center center no-repeat;
  margin-top: 30px;
  display: flex;
  justify-content: space-around;
  opacity: 0;
  animation: slide1_bt3 3s forwards 2s;

}

.daohang a {
  color: #e74a05;
  font-size: 22px;
  padding: 0 20px;
  height: 66px;
  line-height: 66px;

}

.daohang a:hover {
  background: url('../img/1xuanzhong.png')center center no-repeat;
  color: #FFF;
  height: 66px;
  line-height: 66px;
  background-size: 100% 66px;
}

.footer_info {
  text-align: right;
  color: #FFF;
  transform: translate(110px, 0);
  position: relative;
  margin-top: 30px;
  animation: slide1_nav_right 2.5s forwards;

}

.footer_info p {
  font-size: 18px;

}

.footer_info p:nth-child(2n+1) {
  color: #ffe9a3;

}

/* 导航 */
.nav {
  background: url('../img/0daihang.png') center center no-repeat;
  width: 201px;
  height: 466px;
  position: absolute;
  right: 3%;
  top: 18%;
  z-index: 2;
}

.nav li {
  text-align: center;
  line-height: 50px;
  margin-bottom: 10px;
  line-height: 50px;
  display: block;
}

.nav li:nth-child(1) {
  text-align: right;
  padding-right: 25px;
  margin-bottom: 35px;
  line-height: 60px;

}

.nav li:nth-child(1) a em {
  font-size: 20px;
}

.nav li a {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
}

.nav li:hover {
  background: url('../img/0xuanzhong.png') center center no-repeat;
  background-size: 100% 100%;
}

.nav li:hover a {
  color: #f34f5a;
}

.nav li:nth-child(1):hover {
  background: none;
  background-size: 100% 100%;
}

.nav li:nth-child(1):hover a {
  color: #FFF;

}

.next {
  position: absolute;
  right: 2%;
  top: 10%;
  width: 229px;
  height: 50px;
  object-fit: contain;
}

.prev {
  position: absolute;
  left: 2%;
  bottom: 13%;
  width: 229px;
  height: 50px;
  top: auto;
  object-fit: contain;
}

/* 第二页 */
.slide2 {

  background: url("../img/2bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.lhrlFr {
  width: 585px;
  height: 759px;
  background: url('../img/2rili.png') center center no-repeat;
  padding: 200px 24px 0 24px;
  overflow: hidden;
  box-sizing: border-box;
}

.lhrlFl {
  width: 560px;
}

.lhrlFl .tab_content_items {
  display: none;
}

.lhrlFl .tab_content_items.on {
  display: block;
}

.date_news_top_fr {
  width: 265px;
}

.date_news_top_fr img {
  width: 265px;
  height: 185px;
}

.date_news_top_fl {
  width: 265px;
}

.date_news_top_fl img {
  width: 265px;
  height: 185px;
}

.lhrlTopTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 5px;
}

.lhrlTopSummary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.3;
  color: #393939;
}

.date_news_bottom_news {
  width: 585px;
  height: 170px;
  background: #fa502d;
  border-radius: 20px;
  padding: 15px 25px;
  box-sizing: border-box;
  margin-top: 20px;
}

.date_news_bottom_news_title {
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  font-weight: bold;
  border-bottom: 2px solid rgba(255, 255, 255);
  padding-bottom: 5px;
}

.date_news_bottom_news_summary {
  color: #fff;
  line-height: 1.2;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 10px;
}

.my {

  display: inline-block;

  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin: 11px;

  font-size: 26px;

  font-weight: bold;

  color: #999;

  opacity: 0.6;

}

.period {
  /* color: #fd4f2c; */
  opacity: 1;
}

.period.on {
  color: #FFF !important;
  background: #fa522b;
  border-radius: 50%;
}

.leftImg {
  position: absolute;
  left: 7%;
  top: 11%;
  z-index: 2;
}

/* 第三屏 */
.slide3 {

  background: url("../img/3bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.juanzhou {
  height: 100%;
  background: url('../img/3juanzhou.png')center 80px no-repeat;
  background-size: 100% 100%;
  padding: 200px 165px 0;
  box-sizing: border-box;
}

.juanzhou ul {
  overflow-y: scroll;
  height: 100%;
}

.juanzhou li {
  display: flex;
  margin-bottom: 10px;

}

.juanzhou li:nth-child(1) {
  margin-bottom: 20px;
}

.juanzhou li p {
  margin: 0 5px;
  text-align: center;
  display: block;
  width: 100px;
  font-size: 30px;
  font-weight: bold;
  color: #de2a1b;

}

.juanzhou li p:nth-child(2) {
  width: 110px;
}

.juanzhou li p:nth-child(3) {
  width: 200px;
}

.juanzhou li p:nth-child(4) {
  width: 210px;
}

.juanzhou li a {
  color: #de2a1b;
  font-size: 22px;
  margin: 0 5px;
  width: 100px;
  text-align: center;
}

.juanzhou li a:nth-child(2) {
  width: 110px;
}

.juanzhou li a:nth-child(3) {
  width: 200px;
}

.juanzhou li a:nth-child(4) {
  width: 210px;
  text-align: left;
  font-size: 16px;
}

.xiangqing {
  position: absolute;
  right: 15%;
  bottom: 10%;
}

/* 第四页 */
.slide4 {

  background: url("../img/4bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.sylhFl {

  width: 680px;

}



.sylhFlLine1 {

  width: 680px;

  display: flex;

  justify-content: space-between;

}



.sylhFlLine1 img {

  width: 325px;

  height: 225px
}



.sylhFlLine1>a {

  position: relative;

}



.sylhFlLine2 {

  width: 680px;

  display: flex;

  justify-content: space-between;

  margin-top: 20px;

}



.sylhFlLine2 img {

  width: 325px;

  height: 225px
}



.sylhFlLine2>a {

  position: relative;

}



.sylhNews1Box {

  /* position: absolute; */

  /* bottom: 0;

  left: 0; */
  width: 325px;

  background: #f8f8f8;

  padding: 10px 15px;

  color: #fff;

  height: 160px;
  box-sizing: border-box;

}



.sylhNews1Title {

  font-size: 22px;

  font-weight: bold;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  /* font-family: 'Times New Roman', Times, serif; */

  line-height: 1.3;
  color: #fa502d;
  font-weight: bold;

}



.sylhNews1Summary {

  font-size: 16px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  line-height: 1.5;

  margin-top: 10px;
  color: #666;

}



.sylhFr {

  width: 470px;
  background: #fa502d;
  padding: 15px;
  box-sizing: border-box;
}



.sylhFrTopNews {

  display: block;

}



.sylhFrTopNews img {

  width: 435px;

  height: 210px;

  border-radius: 10px;
  display: block;

}



.sylhFrTopNewsTitle {

  color: #fff;

  line-height: 1.3;

  font-weight: bold;

  font-family: 'Times New Roman', Times, serif;

  font-size: 22px;

  /* padding: 0 10px; */

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  font-weight: bold;

  margin-top: 10px;

}



.sylhFrTopNewsSummary {

  color: #fff;

  line-height: 1.4;

  /* font-weight: bold; */

  font-size: 16px;

  padding: 10px 0 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}



.sylhFrnewsList {

  /* border-left: #0933a5 10px solid; */

  padding-left: 30px;

  padding-right: 10px;

  margin-top: 40px
}



.sylhFrnewsListTitle {

  color: #fff;

  line-height: 2;

  font-weight: bold;

  font-family: 'Times New Roman', Times, serif;

  font-size: 22px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}



.sylhFrnewsListSummary {

  color: #fff;

  line-height: 1.8;

  font-weight: bold;

  font-size: 16px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

/* 第五页 */
.slide5 {

  background: url("../img/05bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.mp3fl {
  width: 570px;
  height: 100vh;
  background: url('../img/5lbbg.png') center center no-repeat;
  background-size: 100% 100%;
  padding: 100px 0;
  box-sizing: border-box;
  font-size: 0;
}

.mp3fl ul {
  width: 100%;
  line-height: 3;
  font-size: 20px;
  height: 95%;
  overflow-y: scroll;
  padding: 0 40px;
  box-sizing: border-box;
  margin: 0;
}

.mp3fl ul li a {
  font-size: 20px;
  color: #999;

}

.mp3fl ul li a.on {
  font-size: 32px;
  cursor: pointer;
  font-weight: bold;
  color: #ff3a29;
}

.phonogrph {
  width: 548px;
  height: 574px;
  background: url('../img/5jiqi.png');
  background-size: 100% 100%;
  margin-top: 100px;
  position: relative;
}

@-webkit-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

.changpian {
  position: absolute;
  /* top: 50%;
  left: 50%;
  transform: translate(-57%, -54%); */
  top: 83px;
  left: 70px;
  animation: play linear 3s infinite;
  -webkit-animation: play linear 3s infinite;
}

.zhizhen {
  position: absolute;
  top: 30px;
  right: 80px;
  z-index: 9999;

}

#audio_wrap {
  margin: 0 auto;
  display: block;
  margin-top: 30px;
  width: 100%;
}

/* 第六页 */
.slide6 {

  background: url("../img/06bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.mediaProducts {

  width: 75%;

}



.slide6 .swiper-slide img {

  display: block;

  width: 363px;

  height: 755px;

}



.slide6 .swiper-button-prev6 {

  width: 80px;

  height: 80px;

  background: url("../img/05zuo.png") center center no-repeat;

  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 0;

}



.slide6 .swiper-button-next6 {

  width: 80px;

  height: 80px;

  background: url("../img/05you.png") center center no-repeat;

  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;

}



.slide6 .swiper-button-prev6:after,

.swiper-rtl .swiper-button-next6:after {

  content: "";

}



.slide6 .swiper-button-next6:after,

.swiper-rtl .swiper-button-prev6:after {

  content: "";

}





/* .slide6 .swiper-slide img {

  width: 336px;

  height: 648px;

  object-fit: fill;

} */



.mediaProducts {

  margin-top: -85px !important;

}

/* 第七页 */
.slide7 {

  background: url("../img/07bg.jpg") center center no-repeat;

  background-size: 100% 100%;

  height: 100%;

}

.slide7 iframe {

  display: block;

  width: 1200px;

  height: 632px;

  margin: 160px auto;

}