* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  /*font-size:14px;*/
  cursor: default;
  background-color: #fff;
  font-size: .14rem;


}

html {
  font-size: 625%
}

.hide {
  display: none
}

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

a {
  text-decoration: none;
  font-size: 14px;
  outline: none;
}

/* a:hover{text-decoration:underline} */
a:active {
  outline: none;
}

a img {
  border: 0;
}

.clearfix {
  clear: both
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
b {
  padding: 0;
  margin: 0
}

a:focus,
input,
select,
textarea {
  outline: 0
}

a {
  -webkit-tap-highlight-color: transparent;
}

textarea {
  resize: none;
  overflow: auto;
  font-family: "微软雅黑";
}

ul,
ol,
li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal
}

.l {
  float: left !important
}

.r {
  float: right !important;
}

input {
  border: none;
  background: none;
  font-family: "微软雅黑";
}

i {
  font-style: normal
}

.clear {
  clear: both;
  height: 0;
}

@media only screen and (min-width: 320px) {
  html {
    font-size: 625% !important;
  }
}

@media only screen and (min-width: 375px) {
  html {
    font-size: 721% !important;
  }
}

@media only screen and (min-width: 414px) {
  html {
    /*font-size: 796% !important;*/
    font-size: 776% !important;
  }
}

/*  @media only screen and (min-width: 481px){
    html {
    font-size: 925% !important;
   }
 }
  @media only screen and (min-width: 561px){
   html {
    font-size: 1079% !important;
  }
 }

 @media only screen and (min-width: 640px){
   html {
    font-size: 1230% !important;
  }
 }
 */



html,
body {
  position: relative;
  height: 100%;
  overflow: hidden;
}

body {
  background: rgba(0, 0, 0, 1);
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.show {
  display: block
}

.mgb10 {
  margin-bottom: .1rem !important;
}

.mgb11 {
  margin-bottom: .11rem !important;
}

.mgb12 {
  margin-bottom: .12rem !important;
}

.mgb13 {
  margin-bottom: .13rem !important;
}

.mgb14 {
  margin-bottom: .14rem !important;
}

.mgb15 {
  margin-bottom: .15rem !important;
}

.mgb16 {
  margin-bottom: .16rem !important;
}

.mgb17 {
  margin-bottom: .17rem !important;
}

.mgb18 {
  margin-bottom: .18rem !important;
}

.mgb19 {
  margin-bottom: .19rem !important;
}

.mgb20 {
  margin-bottom: .2rem !important;
}

.mgt10 {
  margin-top: .1rem !important;
}

.mgt11 {
  margin-top: .11rem !important;
}

.mgt12 {
  margin-top: .12rem !important;
}

.mgt13 {
  margin-top: .13rem !important;
}

.mgt14 {
  margin-top: .14rem !important;
}

.mgt15 {
  margin-top: .15rem !important;
}

.mgt16 {
  margin-top: .16rem !important;
}

.mgt17 {
  margin-top: .17rem !important;
}

.mgt18 {
  margin-top: .18rem !important;
}

.mgt19 {
  margin-top: .19rem !important;
}

.mgt20 {
  margin-top: .2rem !important;
}

.mgb7 {
  margin-bottom: .7rem !important
}

.mgb6 {
  margin-bottom: .6rem !important
}

.widt10 {
  width: 100% !important
}

.widt9 {
  width: 90% !important
}

.widt8 {
  width: 80% !important
}

.widt7 {
  width: 70% !important
}

.widt6 {
  width: 60% !important
}

.widt5 {
  width: 50% !important
}

.widt4 {
  width: 40% !important
}

.widt3 {
  width: 30% !important
}

.widt4 {
  width: 20% !important
}

.border-no {
  border: none !important
}

.bg-no {
  background: none !important
}

.txt-r {
  text-align: right !important
}

.width85 {
  width: calc(100% - .85rem) !important;
}

.txt-l {
  text-align: left !important
}

.font-w {
  font-weight: bold !important
}

.pad0 {
  padding: 0 !important
}

.mgb7 {
  margin-bottom: .7rem !important
}


.swiper-container {
  width: 100%;display: inline-block;overflow: initial;

}

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


}

.swiper-slide img {
  max-width: 100%;
  height: auto;

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

/* .swiper-slide:before{position: absolute; top: 0 ;right: 0; width: 0; height: 0;background-color: red; content: "";transition-duration: 0.3s;
transition-property: width, height;background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);}
.swiper-slide:hover::before{ width: 60px; height: 60px;} */
.swiper-button-next {
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  background: rgba(229, 0, 0, 0.32);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  font-size: .2rem;
  color: #fff
}

.swiper-button-prev {
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  background: rgba(229, 0, 0, 0.32);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  font-size: .2rem;
  color: #fff
}

.swiper-pagination {
  color: #fff ;position: initial ; padding: 15px 0 0 0
}
.swiper-container{
  --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
  --swiper-preloader-color: #fff;/* 单独设置预加载圆圈的颜色 */
}


/* 清除默认黑色背景 */
.swiper-container-3d .swiper-slide-shadow-left{background-image: none !important}
.swiper-container-3d .swiper-slide-shadow-right{background-image: none !important}


@media (min-width: 768px) {
  .swiper-container {
    width: 80%
  }

  .swiper-slide img {
    max-height: 80%
  }

}


/* 播放器 */
#lanren{ width:44px; position: fixed; z-index:99999; right:10px; top:0; cursor: pointer;}
#lanren #audio-btn{ width: 30px; height: 30px; margin:10px auto; background-size: 100% 100%; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;  overflow: hidden;}
#lanren .on{ background: url("../images/bf1.png") no-repeat; background-size: cover; -webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite; }
#lanren .off{background: url('../images/zant.png') no-repeat 0 0;}
@-webkit-keyframes rotating {
  from{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-lazy-preloader{ margin-top: 56%}
.fan{ width: 30px; position: fixed; left: 3%;top: .1rem; z-index: 99;}