@charset "UTF-8";
body, html {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.swiperwarp {
  font-family: Source Han Sans CN, Source Han Sans CN;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiperwarp .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiperwarp .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.swiperwarp .swiper_header {
  height: 34px !important;
}

.swiperwarp .swiper_footer {
  height: 458px !important;
}

.swiperwarp .swiper-pagination {
  right: 10px;
}

.Min1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Min1 .box {
  transform: scale(0.9);
  position: relative;
  z-index: 1;
}

.Min1 .logo {
  background: url("../images/logo2.png") no-repeat center;
  width: 1038px;
  height: 310px;
  background-size: 100% auto;
  margin: 0 auto;
  margin-top: 20px;
  transition: all 0.2s linear;
}

.Min1 .text {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 800;
  font-size: 46px;
  color: #FFFFFF;
  line-height: 54px;
  letter-spacing: 3px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  padding-top: 52px;
  padding-bottom: 20px;
}

.Min1 .text span {
  display: none;
}

.Min1 .down-qd {
  height: 74px;
  margin: 0 auto;
  margin-top: 54px;
  display: flex;
  justify-content: center;
}

.Min1 .down-qd a {
  display: block;
  height: 100%;
}

.Min1 .down-qd .pc {
  width: 138px;
  background: url("../images/pc.png") no-repeat center;
  background-size: auto 100%;
  margin-right: 46px;
}
.Min1 .down-qd .anzhuo {
  width: 74px;
  background: url("../images/anzhuo.png") no-repeat center;
  background-size:auto 100%;
  margin-right: 88px;
}

.Min1 .down-qd .Epic {
  width: 74px;
  background: url("../images/epic.png") no-repeat center;
  background-size: auto 100%;
}

.Min1 .btn {
  display: block;
  background: url("../images/down-pc.png") no-repeat center;
  width: 415px;
  height: 130px;
  background-size: 100% auto;
  margin: 0 auto;
  margin-top: 43px;
}

.Min1 .btn:hover {
  opacity: 0.96;
}

.Min1 .kvicon {
  background: url("../images/kvicon.png") no-repeat center;
  width: 122px;
  background-size: 100% auto;
  height: 122px;
  margin: 0 auto;
  margin-top: 30px;
}

.Min1.kvnews {
  transition: all 0.2s linear;
}

.Min1.kvnews .logo {
  background: url("../images/logo.png") no-repeat center;
  width: 800px;
  height: 409px;
  background-size: 100% auto;
  margin: 0 auto;
}

.Min1.kvnews .text {
  padding-top: 26px;
  padding-bottom: 0px;
}

.Min1.kvnews .text span {
  display: inline;
}

.Min1 .video {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
}

.Min2 {
  background: #444 url("../images/tv.png") no-repeat center top;
  background-size: 100% 100%;
  display: flex;
}

.Min2 .video {
  flex: 1;
  overflow: hidden;
  padding: 47px;
  padding-top: 44px;
  height: 87%;
}

.Min2 .video .box {
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  filter: grayscale(80%);
}

.Min2 .video .box iframe, .Min2 .video .box video {
  display: block;
  width: 100%;
  height: 100%;
}

.Min2 .ritbox {
  margin-right: calc(42 / var(--width));
  width: calc(276 / var(--width));
  overflow: hidden;
}

.Min2 .ritbox .text {
  background: url("../images/text.png") no-repeat center top;
  background-size: 100% 100%;
  width: 100%;
  margin-top: calc(44 / var(--width));
  box-sizing: border-box;
  padding: calc(20 / var(--width));
  color: #2DCB57;
  font-weight: bold;
  font-size: calc(24 / var(--width));
  line-height: calc(40 / var(--width));
  padding-bottom: calc(40 / var(--width));
}

.Min2 .ritbox .text .bt {
  padding-bottom: 20px;
}

.Min2 .ritbox .btn {
  background: url("../images/down.png") no-repeat center top;
  background-size: 100% 100%;
  width: 100%;
  height: calc(108 / var(--width));
  text-align: center;
  color: #fff;
  font-size: calc(24 / var(--width));
  color: #FFFFFF;
  line-height: calc(30 / var(--width));
  font-weight: bold;
  box-sizing: border-box;
  padding-top: calc(20 / var(--width));
  margin-left: calc(5 / var(--width));
  margin-top: calc(160/ var(--width));
  display: block;
}

.Min3 {
  background: #444 url("../images/bg3.png") no-repeat center top;
  background-size: 100% 100%;
  position: relative;
}

.Min3 .switchul {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0px;
}

.Min3 .switchul ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Min3 .switchul li {
  width: 250px;
  height: 346px;
  float: left;
  margin: 0 20px;
  cursor: pointer;
  position: relative;
}

.Min3 .switchul li::after {
  width: 100%;
  transform: scale(0.8);
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
}

.Min3 .switchul li img {
  width: 100%;
  transform: scale(0.8);
}

.Min3 .switchul li span {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #E6DBAC;
  line-height: 28px;
  letter-spacing: 4px;
  font-style: normal;
  text-transform: none;
  position: absolute;
  left: 50%;
  top: 72%;
  transform: translateX(-50%);
}

.Min3 .switchul .active img {
  box-shadow: -20px 20px 5px rgba(0, 0, 0, 0.5);
}

.Min3 .switchul .active::after {
  display: none;
}

.Min3 .ullist {
  width: 1200px;
  margin: 0 auto;
}

.Min3 .ullist .hide {
  display: none;
}

.Min3 .ullist li {
  float: left;
  margin: 30px 48px 0 0;
  position: relative;
}

.Min3 .ullist li:nth-child(6n) {
  margin-right: 0px;
}

.Min3 .ullist li .images {
  width: 160px;
  height: 226px;
}

.Min3 .ullist li .images img {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}

.Min4 {
  background: #444 url("../images/bg2.png") no-repeat center top;
  background-size: 100% 100%;
  position: relative;
}

.Min4 .warpul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.Min4 .warpul > div {
  width: 100%;
}

.Min4 .warpul ul {
  display: flex;
  width: 80%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

.Min4 .warpul ul + ul li:last-child .box {
  box-shadow: none;
}

.Min4 .warpul ul li {
  width: 326px;
  height: 415px;
  position: relative;
}

.Min4 .warpul ul li .box {
  background: url("../images/taba.png") no-repeat center;
  width: 326px;
  height: 415px;
  background-size: 100% auto;
  position: relative;
  box-shadow: 15px 15px 5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transform: scale(0.76);
  position: absolute;
  top: 0px;
  left: 0px;
  transition: all 0.3s linear;
}

.Min4 .warpul ul li .bt {
  position: absolute;
  font-weight: bold;
  font-size: 24px;
  color: #A91010;
  line-height: 28px;
  width: 100%;
  text-align: center;
  top: 228px;
  line-height: 30px;
}

.Min4 .showbox {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
}

.Min4 .showbox .box_wap {
  position: absolute;
  background: url("../images/bg1.png") no-repeat center;
  width: 1200px;
  height: 100%;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 40px;
  font-weight: 400;
  font-size: 24px;
  color: #262424;
  line-height: 40px;
  top: 0px;
  left: 50%;
  margin-left: -600px;
  z-index: 10;
}

.Min4 .showbox .bj {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.Min4 .showbox .bt {
  font-weight: bold;
  text-align: center;
  font-size: 36px;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
}

.Min4 .showbox p {
  padding-top: 20px;
}

.Min4 .showbox p img {
  width: 100%;
  height: auto;
  display: block;
}

.Min4 .showbox ul {
  height: 100%;
}

.Min4 .showbox li {
  height: 100%;
  display: none;
}

.Min4 .showbox .box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}

.Min4 .showbox .text {
  flex: 1;
  overflow: hidden;
}

.Min4 .showbox .text .scroll {
  overflow-y: auto;
  height: 100%;
}

.Min4 .showtab {
  position: static !important;
}

.Min4 .showtab .box {
  transform: scale(0.9) rotate(-30deg) !important;
  top: 108px !important;
  left: 40px !important;
  z-index: 10;
}

.fotter .fottertop2 {
  border: none;
}

#pic {
  position: absolute;
  display: none;
  z-index: 1000;
  right: 102%;
  top: 0px;
  left: initial;
}

#pic1 {
  width: 344px;
  height: auto;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 5px 5px #0d0d0d;
  box-shadow: 5px 5px 5px 0px rgba(13, 13, 13, 0.3);
}

#loading {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99998;
}

#loadingAnim {
  width: 360px;
  height: 200px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -180px 0 0 -180px;
  z-index: 99999;
}

#loadingAnim .loadingtit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #999;
  text-align: center;
}

#loadingAnim .loadingtxt {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  color: #fff;
  text-align: center;
}

#loadingAnim .loadingAnim-img-wrap {
  position: absolute;
  left: 80px;
  top: 120px;
  width: 200px;
  height: 1px;
}

#loadingAnim .loadingAnim-img-wrap .loadingAnim-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
}

#loadingAnim .loadingAnim-img-wrap .loadingAnim-img-g {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}

/* 当屏幕宽度小于或等于768像素时 */
@media screen and (min-width: 1921px) {
  .Min3 .ullist li {
    margin-top: 50px;
  }
}

@media screen and (min-width: 2400px) {
  .Min3 .ullist {
    margin-top: calc(70 / var(--width));
  }
}

.down_more {
  background: url("../images/down_.png") no-repeat center;
  height: 40px;
  width: 40px;
  background-size: 100% auto;
  position: fixed;
  top: 50%;
  right: 10px;
  cursor: pointer;
  -webkit-animation: fadeInUptop 3.7s linear infinite;
  -moz-animation: fadeInUptop 3.7s linear infinite;
  z-index: 10;
}

@keyframes fadeInUptop {
  0% {
    -webkit-transform: translateY(20px);
  }
  50% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
  }
}