html {
  font-size: 100px;
  line-height: 100px; }

@media screen and (max-width: 360px) {
  html {
    font-size: 90px;
    line-height: 90px; } }
body, h1, h2, h3, p, div, ol, ul, input, button {
  margin: 0;
  padding: 0; }

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*vertical-align: baseline;*/
  background: transparent;
  -webkit-tap-highlight-color: transparent; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

body {
  line-height: 1;
  text-align: left;
  -webkit-text-size-adjust: none;
  max-width: 100%;
  overflow-x: hidden;
  vertical-align: top;
  font-family: Arial,Helvetica,sans-serif; }

.wrap {
  position: relative;
  background-color: #f5f5f5; }

.mod {
  background: #fff;
  padding: 0 17px 17px;
  max-width: 740px;
  margin:0 auto;
 }

.landingHead {
  padding: .13rem 0; }
  .landingHead h1 {
    color: #000;
    font-size: .24rem;
    line-height: .36rem;
    font-weight: 700; }
  .landingHead .infoSet {
    margin: 22px 0 0;
    display: block;
    height: 100%;
    color: #999;
    font-weight: 400;
    font-size: .12rem; }

.mainContent {
  margin: 0 auto;
  max-width: 740px;
 /* letter-spacing: .7px;*/
  color: #333;
  text-align: justify;
  word-break: break-word;
  overflow: hidden; }
  .mainContent p {
    font-size: .18rem;
    line-height: .27rem;
    margin-top: .11rem; 
   /* word-wrap:break-word;*/
  }
  .mainContent p:first-child {
    margin-top: .125rem; }
  .mainContent .contentImg {
        /* position: relative;
        overflow: hidden;
        margin: 0 auto;
        width:550px;
        height:auto; */
    padding: .045rem 0;
    margin-top: .11rem;
    text-align: center; }
    .mainContent .contentImg img {
      width: 100%;
      max-width: 550px;
      height: auto;
      margin: 0 auto;
            /* position: absolute;
            top: 0;
            width: 100%;
            height: 100%; */ }
  .mainContent #video_play {
    width: 100%; }
    .mainContent #video_play video {
      width: 100%;
      height: inherit; }
  .mainContent #audio_play {
    width: 100%; }
    .mainContent #audio_play audio {
      width: 100%;
      height: inherit; }

.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-slide {
  /*add*/
  /*width:100% !important;*/
  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; 
}
 /*add*/
.swiper-slide-active{
  width:100% !important;
}

  .swiper-slide img {
    width: 100%; }

    .swiper-slide div{
        position: absolute;
        width:100%;
        left:0;
        bottom:0;
        background-color: rgba(0, 0, 0, 0.5);
    }

  .swiper-slide div p {
    color: white;
    text-align: left;
    font-size: .18rem;
    line-height: .24rem;
    margin: .1rem;}

    .swiper-slide p span {
      font-size: .16rem;
      margin-right: .11rem; }

/*# sourceMappingURL=wap.css.map */