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: #333333;
  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: #333;
  text-align: justify;
  text-decoration: none;
}
.body .summary {
  text-align: justify;
  padding: 0 2%;
  font-size: 0.85rem;
  color: #808080;
  line-height: 1.4rem;
  display: -webkit-box;
  font-weight: normal;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.body .card-tip-left {
  opacity: 0;
  width: 45%;
  position: absolute;
  margin-left: 4%;
  bottom: -2%;
  right: -17%;
  -webkit-transform: translate3d(0, -0.10667rem, 0);
  transform: translate3d(0, -0.10667rem, 0);
}
.body .card-tip-left img {
  width: 100%;
}
.body .card-tip-left .sdjg {
  position: absolute;
  left: 28%;
  top: 26%;
}
.body .card-tip-left .sdjg img {
  width: 90%;
  cursor: pointer;
  animation: mymove 3s infinite;
  /*Safari and Chrome*/
  animation-direction: alternate;
  /*轮流反向播放动画。*/
  animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  /* Safari 和 Chrome */
  -webkit-animation: mymove 3s infinite;
  -webkit-animation-direction: alternate;
  /*轮流反向播放动画。*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
}
@keyframes mymove {
  0% {
    transform: scale(0.9);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes mymove {
  /*Safari and Chrome*/
  0% {
    transform: scale(0.9);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.1);
  }
}
.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: 1.5rem auto 0;
  height: 70%;
  width: 100%;
}
.xsdhgt {
  position: absolute;
  left: 50%;
  margin-left: -1.2rem;
  width: 2.4rem;
  bottom: 14%;
}
.xsdhgt img {
  width: 2.4rem;
}
.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;
}
#poster_wrap {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 750px;
  background: url(../images/bgq.png?t=6666) no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 22;
  width: 100%;
  height: 100%;
}
#poster_wrap img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.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 3%;
  font-size: 0.85rem;
  color: #808080;
  line-height: 1.4rem;
  height: 6.8rem;
  overflow: hidden;
  display: -webkit-box;
  font-weight: normal;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.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);
}
.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: 21%;
  width: 88%;
  height: 30rem;
}
.produced .xxx {
  text-align: center;
}
.produced .xxx img {
  width: 68%;
}
.produced .sdjtt {
  width: 85%;
  background: none;
  background-size: 100% 100%;
  padding: 18% 4% 11% 7%;
  margin-top: 5%;
  height: 55%;
  margin-top: 20%;
  background: #fff;
  min-height: 21rem;
  -webkit-background-size: 100% 100%;
}
.produced .sdjtt .posterc img {
  max-height: 25.5rem;
  width: 99%;
  max-width: 100%;
}
.produced .sdsdx {
  position: absolute;
  left: 0;
  top: 0;
  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: 60%;
  margin: 0rem auto 0;
  border-radius: 0.6rem;
  background: #eaeffb;
  position: relative;
  min-height: 26rem;
}
.sdjtt .posterc,
.sdjtt .poster,
.sdjtt .article-text {
  padding: 3%;
}
.sdjtt .poster {
  padding: 3% 3% 3%;
  border-radius: 0.6rem;
}
.sdjtt .poster.xjfg{
  text-align: center;
padding: 5% 0% 5%;
}
.sdjtt .poster.xjfg img{
    
    width:10rem;
   
     padding: 6%;
    background: #fff;
}
.sdjtt.xjfgc{
width: 12rem;
 
  background: none!important;
}
.sdjtt .poster.xjfg {

}
.sdjtt .poster.xjfg a{

 
  width:100%;
  margin: 0 auto;
  display: block;
}
.sdjtt .poster img {
  border-radius: 10px;
}
.sdjtt .posterc {
  max-height: 24.5rem;
  width: auto;
  max-width: 100%;
}
.sdjtt .posterc img {
  border-radius: 6px;
}
.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=333) 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 {
  margin-top: 0;
  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=3332) 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: 340/750*100%;
}
.sytop .sdt img {
  padding-left: 12%;
  width: 87%;
}
.sytop .sdt2 {
  margin-top: -5%;
}
.sytop .sdt2 img {
  width: 599/750*100%;
}
.sytop .sdt3 {
  margin-top: -19%;
}
.sytop .sdt3 img {
  width: 653/750*100%;
}
.sytop .sdt4 {
  margin-top: 3%;
}
.sytop .sdt4 img {
  width: 651/750*100%;
}
.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 {
    margin: 1rem auto 0;
  }
  .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=3332) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .produced .sdjtt {
    margin-top: 30%;
  }
}