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;
}
body {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
html,
body {
  position: relative;
  height: 100%;
}
.mask,
.maskWait {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
}
.loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
  margin: 0 auto;
  width: 104px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  z-index: 999;
}
.loading > div.rect {
  background-color: #fff;
  height: 100%;
  width: 0.4rem;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.loading .rect2 {
  -webkit-animation-delay: -1.1s !important;
  animation-delay: -1.1s !important;
}
.loading .rect3 {
  -webkit-animation-delay: -1s !important;
  animation-delay: -1s !important;
}
.loading .rect4 {
  -webkit-animation-delay: -0.9s !important;
  animation-delay: -0.9s !important;
}
.loading .rect5 {
  -webkit-animation-delay: -0.8s !important;
  animation-delay: -0.8s !important;
}
.loading .loadingText {
  color: #fff;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.body .line3 {
  color: #22699d;
  line-height: 1.8rem;
  text-align-last: left;
  font-weight: bold;
  padding: 0% 1% 0.5rem;
  font-size: 1.2rem;
}
.body .line3 a {
  display: block;
  color:#22699d;
  text-align: justify;
  text-decoration: none;
}
.body .summary {
  text-align: justify;
  padding: 0 2%;
  font-size: 0.85rem;
  color: #808080;
  font-weight: normal;
  line-height: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.body .card-tip-left {
  opacity: 0;
  width: 32%;
  position: absolute;
  margin-left: 4%;
  bottom: 3%;
  -webkit-transform: translate3d(0, -0.10667rem, 0);
  transform: translate3d(0, -0.10667rem, 0);
  -webkit-animation: downup-data-v-c9d2db34 1.3s ease-in-out 0.5s infinite alternate;
  animation: downup-data-v-c9d2db34 1.3s ease-in-out 0.5s infinite alternate;
}
.body .card-tip-left img {
  width: 100%;
}
.body .card-tip-right {
  opacity: 0;
  bottom: 3.5%;
  font-size: 0.5rem;
  color: #ff8453;
  margin-top: -16px;
  position: absolute;
  right: -28%;
}
.body .card-tip-right a {
  color: #ff8453;
}
.body .card-tip-right a img {
  width: 51%;
}
.body .swiper-slide-active .card-tip-left,
.body .swiper-slide-active .card-tip-right {
  opacity: 1;
}
.swiper {
  max-width: 500px;
  margin: 5.5rem auto;
  height: 70%;
  width: 100%;
}
.swiper-slide {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #4a2e0e;
}
.swiper-slide .line3 a {
  text-align: justify;
  color:#22699d;
  text-decoration: none;
}
.produced {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 444;
  width: 100%;
  height: 100%;
}
.produced .layoutPic-tip {
  display: none;
}
.produced .line3 {
  text-align: justify;
  color: #22699d;
  line-height: 1.8rem;
  text-align-last: left;
  font-weight: bold;
  padding: 0% 1% 0.5rem;
  font-size: 1.2rem;
}
.produced .line3 a {
  display: block;
  text-align: justify;
  color:  #22699d;
  text-decoration: none;
}
.produced .summary {
  text-align: justify;
  padding: 0 1%;
  font-size: 0.85rem;
  color: #808080;
  line-height: 1.6rem;
  height:7.8rem;
  overflow: hidden;
}
.produced .card-tip-left {
  opacity: 0;
  width: 32%;
  position: absolute;
  margin-left: 4%;
  bottom: 3%;
  -webkit-transform: translate3d(0, -0.10667rem, 0);
  transform: translate3d(0, -0.10667rem, 0);
  -webkit-animation: downup-data-v-c9d2db34 1.3s ease-in-out 0.5s infinite alternate;
  animation: downup-data-v-c9d2db34 1.3s ease-in-out 0.5s infinite alternate;
}
.produced .card-tip-left img {
  width: 100%;
}
.produced .card-tip-right {
  opacity: 0;
  bottom: 3.5%;
  font-size: 0.5rem;
  color: #ff8453;
  margin-top: -16px;
  position: absolute;
  right: -28%;
}
.produced .card-tip-right a {
  color: #ff8453;
}
.produced .card-tip-right a img {
  width: 51%;
}
.produced .shga {
  position: absolute;
  left: 7.6%;
  top: 18%;
  width: 88%;
  height: 31rem;
}
.produced .xxx {
  text-align: center;
}
.produced .xxx img {
  width: 68%;
}
.produced .sdjtt {
  background: none;
  background-size: 100% 100%;
  padding: 11% 4% 11% 7%;
  margin-top: 5%;
  height: 55%;
  margin-top:20%;
  min-height: 21rem;
  width: 85%;
  -webkit-background-size: 100% 100%;
}
.produced .sdjtt .posterc img {
  max-height: 25.5rem;
  width: 100%;
  max-width: 100%;
}
.produced .sdsdx {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.produced img {
  max-width: 100%;
}
.produced .erwma {
  position: absolute;
  right: 8%;
  bottom: 2%;
  width: 19%;
}
.shfnbt {
  position: absolute;
  right: 0;
  width: 20%;
  z-index: 1111;
  height: 3rem;
  bottom: 3.7%;
}
.shfnbt img {
  width: 100%;
}
img {
  max-width: 100%;
}
.sdjtt {
  width: 80%;
  margin: 0rem auto 0;
  border-radius: 1rem;
  background: #eaeffb;
  position: relative;
  min-height: 26rem;
  height: 70%;
}
.sdjtt .posterc,
.sdjtt .poster,
.sdjtt .article-text {
  padding: 3%;
}
.sdjtt .poster{
  padding: 5% 3% 0;
}
.poster img{
  border-radius: 10px;
}
.sdjtt .posterc {
  max-height: 24.5rem;
  width: auto;
  max-width: 100%;
}
.sdjtt .posterc img {
  max-height: 25rem;
  width: 100%;
  max-width: 100%;
}
.swiper-slide-active .sdjtt {
  background: #ffffff;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0);
}
.wrap {
  max-width: 500px;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  position: fixed;
  background: url(../images/bgq.png?t=222) no-repeat 0 0;
  background-size: 100% 100%;
}
.op {
  opacity: 0;
}
.hide {
  display: none;
}
body {
  overflow: hidden;
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.header img {
  
  width: 100%;
}
.opc {
  opacity: 0!important;
}
.sytop {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 222;
  height: 100%;
  top: 0;
  background: url(../images/bgq.png?t=1232) no-repeat 0 0;
  background-size: 100% 100%;
}
.sytop .logo {
  position: absolute;
  text-align: center;
  bottom: 2%;
  left: 0;
  width: 100%;
}
.sytop .logo img {
  width: 45.33333333%;
}
.sytop .sdt img {
  padding-left: 12%;
  width: 87%;
}
.sytop .sdt2 {
  margin-top: -5%;
}
.sytop .sdt2 img {
  width: 79.86666667%;
}
.sytop .sdt3 {
  margin-top: -19%;
}
.sytop .sdt3 img {
  width: 87.06666667%;
}
.sytop .sdt4 {
  margin-top: 3%;
}
.sytop .sdt4 img {
  width: 86.8%;
}
.sytop .sdt1 {
  margin-top: 4rem;
  text-align: left;
}
.sytop .sdt1 img {
  padding-left: 0;
  width: 88%;
}
.sdhx {
  position: fixed;
  top: 50%;
  height: 1.3rem;
  margin-top: -1rem;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.7);
  width: 6rem;
  padding: 0.5rem;
  text-align: center;
  left: 50%;
  margin-left: -3rem;
  color: #fff;
  border-radius: 10px;
  z-index: 22;
}
.sharemask {
  position: fixed;
  width: 100%;
  z-index: 1000;
  right: 0;
  width: 80%;
  top: 7%;
}
.sharemask img {
  width: 100%;
}
@-webkit-keyframes downup-data-v-c9d2db34 {
  0% {
    -webkit-transform: translate3d(0, -0.10667rem, 0);
    transform: translate3d(0, -0.10667rem, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0.10667rem, 0);
    transform: translate3d(0, 0.10667rem, 0);
  }
}
@keyframes downup-data-v-c9d2db34 {
  0% {
    -webkit-transform: translate3d(0, -0.10667rem, 0);
    transform: translate3d(0, -0.10667rem, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0.10667rem, 0);
    transform: translate3d(0, 0.10667rem, 0);
  }
}
/*footer*/
.footer {
  position: absolute;
  left: 0;
  right: 0;
  height: 100px;
  line-height: 100px;
  text-align: center;
  z-index: 99;
  bottom: 2%;
  margin-top: 0%;
}
.share {
  margin-right: 7%;
}
.share,
.index {
  width: 12.4%;
}
.logo1 {
  margin-right: 6%;
  width: 15.46%;
}
@media (min-width: 750px) {
  .body .card-tip-right {
    right: -14%;
  }
  .body .card-tip-right a img {
    width: 63%;
  }
  .swiper {
    height: 38rem;
  }
  .swiper .sdjtt {
    height: 31rem;
  }
  .swiper .sdjtt .posterc img {
    max-height: 30rem;
    width: 100%;
    max-width: 100%;
  }
  .wrap {
    max-width: 500px;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    position: relative;
    background: url(../images/bgq.png?t=2222) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .produced .sdjtt{
    margin-top: 23%;
  }
 .swiper {
    margin-top: 9.5rem;
  }
}