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


a{text-decoration:none;color:#333}

ul,li{list-style:none;padding:0;margin:0}
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  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;width:980px;height: 1600px;
}
#content_0{background: url(../images/mbg.jpg) no-repeat 50% top;}
#content_1{background: url(../images/mbg1.jpg) no-repeat 50% top;}
#content_2{background: url(../images/mbg2.jpg) no-repeat 50% top;}
#content_3{background: url(../images/mbg3.jpg) no-repeat 50% top;}
#content_4{background: url(../images/mbg4.jpg) no-repeat 50% top;}
#content_5{background: url(../images/mbg1.jpg) no-repeat 50% top;}
#content_6{background: url(../images/mbg2.jpg) no-repeat 50% top;}
#content_7{background: url(../images/mbg3.jpg) no-repeat 50% top;}
#content_1 .Cname{background: url(../images/c01.png) no-repeat;}
#content_2 .Cname{background: url(../images/c02.png) no-repeat;}
#content_3 .Cname{background: url(../images/c03.png) no-repeat;}
#content_4 .Cname{background: url(../images/c04.png) no-repeat;}
#content_5 .Cname{background: url(../images/c05.png) no-repeat;}
#content_6 .Cname{background: url(../images/c06.png) no-repeat;}
#content_7 .Cname{background: url(../images/c07.png) no-repeat;}


.container {position: relative;width:980px;height: 1600px;}
.container .Cbox{position: absolute;display: block;   overflow: hidden;padding:20px;margin: 0 14px;margin-top: 860px;width: 912px;height:552px;background-color:rgba(246, 247, 239, 0.8);border-radius: 20px;}
.container .Ctit{position: absolute;display: block;   overflow: hidden;padding:0px;margin-left: 135px;margin-top: 250px;width: 526px;height:211px;background: url(../images/mctit.png);}
.container .Ccon{position: absolute;display: block;   overflow: hidden;padding:0px;margin-left: 685px;margin-top: 350px;width: 95px;height:102px;background: url(../images/ccon.png);}
.container .Cname{position: absolute;display: block;   overflow: hidden;padding:0px;margin-left: 700px;width: 56px;height:222px;bottom: 788px;background-position-y: bottom !important;}
.container .Cbg{position: absolute;display: block;   overflow: hidden;padding:0px;margin-left: 0px;margin-top: 530px;width: 498px;height:853px;background: url(../images/mdgx.png);}
.container .Ctxtup{display: none;}
  .container .Ctxtdown{position: absolute;
    display: block;
    overflow: hidden;
    padding: 0px;
    margin-left: 300px;
    margin-top: 730px;
    width: 500px;
    height: 20px;
    font-size: 16px;
    color: #333;text-align: left;}
    .Cbox   .swiper-slide {margin: 0;width: 912px;height:552px;}
.video-js{margin-left: 34px;margin-top: 860px;width: 912px;height:552px;}
.pic { overflow: hidden;}
.pic li {width: 290px;height:171px;overflow: hidden;margin: 0 20px 20px  0;float: left;}
.pic li:nth-child(3n){margin-right: 0;width: 291px;}
.pic img{width: 100%;height: 100%;} .pic li:hover img{margin-top: -5%;margin-left: -5%;width: 110%;height: 110%;}

.pic a{position: relative;}
.pic p{position: absolute;width: 100%;height: 50px;line-height: 50px;text-align: center;background-color:rgba(0, 0, 0, 0.5);color: #fff;left: 0;margin: 0;bottom: 0;font-size: 18px;}


.list {overflow: hidden;}
.book { overflow: hidden;}
.book  li {width: 888px;height:35px;margin: 20px 0 20px 20px;float: left;}
.book  h2 {width: 770px;height:78px;margin: 0 0;float: left;text-align: left;font-size: 26px;color: #333;}
.book  span {width: 118px;height:65px;margin: 0 0;float: left;text-align: right;font-size: 22px}

.pics img {margin: 0;width: 912px;height:552px;}
.swiper_switch{position:fixed;width: 120px; display: block; height: 320px;right: 0;top: 460px;z-index: 9999;}
.swiper_switch a {display: block;width: 118px;height:38px;margin: 1px;background-color: rgba(246, 247, 239, 0.3);text-align: center;line-height: 38px;bottom: 0;}
.swiper_switch  a:hover { background-color: rgba(246, 247, 239, 0.6);}


.info {height:100px;background-color: rgba(6, 6, 6, 0.8);}
.info p{font-size: 14px;line-height: 14px;margin-top: 12px  ;color: #fff;}
.swiper-container-vv{width: 1200px;height: 100%;}



.swiper-slide .Ctxtup,.swiper-slide .Cbox,.swiper-slide .video-js,.swiper-slide .Ctxtdown{
  transform:translateX(500px);
  opacity:0;
  transition:all 0.6s;}
  .ani-slide  .Ctxtup,.ani-slide .Cbox,.ani-slide .video-js,.ani-slide  .Ctxtdown{
  transform:translateX(0px);
  opacity:1;
  }

  .swiper-slide .Ctit{
    transform:translateX(-200px);
    opacity:0;
    transition:all 0.3s;}
  .ani-slide .Ctit{
    transform:translateX(0px);
    opacity:1;
    }

    .swiper-slide .Ccon{
      opacity:0;
      transition:all 3s;}
    .ani-slide .Ccon{
      opacity:1;
      }
      
    .swiper-slide .Cname,.swiper-slide .Cbg{
      opacity:0;
      transition:all 6s;}
    .ani-slide .Cname, .ani-slide  .Cbg{
      opacity:1;
      }

     
   .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: rgb(255, 255, 255);
        opacity: 0.6;
        box-shadow: 2px 2px 5px #333333;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background:rgb(253, 125, 125);
}

.playAudio, .mute {
  background: url('../images/audio/buttonsAndLogo.png') no-repeat;
      background-position-x: 0%;
      background-position-y: 0%;
}
/*post excerpts*/
.postExcerpts {
  overflow: hidden;
  margin-top: 30px;
}
@media (max-width: 40.8125em), (max-device-width: 40.8125em) {
  .postExcerpts {
      text-align: center;
  }
}
.postExcerpt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  text-align: left;    width: 290px;
  height: 264px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  text-align: left;
  margin: 0 20px 20px 0;
}
.postExcerpt:nth-child(3n){margin-right: 0;}
.postExcerpt h2 {
  font-size: 16px;
  text-align: left;
}
.postExcerpt h3 {
  font-size: 14px;
  text-align: left;
}
.postExcerptInner {
  width: 290px;
  height: 264px;
  float: left;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px #d2d2d3;
  -khtml-box-shadow: 0 0 5px #d2d2d3;
  -moz-box-shadow: 0 0 5px #d2d2d3;
  -ms-box-shadow: 0 0 5px #d2d2d3;
  -o-box-shadow: 0 0 5px #d2d2d3;
  box-shadow: 0 0 5px #d2d2d3;
  -webkit-transition: background .1s ease-out;
  -khtml-transition: background .1s ease-out;
  -moz-transition: background .1s ease-out;
  -ms-transition: background .1s ease-out;
  -o-transition: background .1s ease-out;
  transition: background .1s ease-out;
}
.titleAndCat {
  height: 155px;
  display: table-cell;
  width: 270px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
.titleAndCat h2 {
  width: 230px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  margin: 10px 0;
  line-height: 26px;
  height: 26px;
  text-indent: 12px;
  font-size: 26px;
}
.titleAndCat h3 {width: 270px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  margin: 0 0 10px 0;
  line-height: 22px;
  height: 22px;
  text-indent: 12px;
  font-size: 22px;
}
.titleAndCat .cap {
  overflow: hidden;
  width: 270px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  margin: 10px;
}

/*audio*/
.audio .postExcerptInner {
  background-color: #464646;
}
.audio .titleAndCat {
  border-bottom: 1px solid white;border-top-left-radius: 10px;background-color: #00000082;
border-top-right-radius: 10px;
}
.audio .cat {
  color: #9b9b9b;
}
.audio h2 ,.audio h3 {
  color: white;
}
.postExcerpt.audio {
}
.audio .audioPlayer {
  position: relative;
  top: 0px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;background-color: #00000082;
height: 110px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.audio .playAudio {
  background-position: 0 -257px;
  height: 43px;
  width: 43px;
  display: block;
  position: absolute;
  top: 30px;
  left: 15px;
  text-indent: -9999px;
}
.audio .playAudio:hover {
  background-position: -209px -257px;
}
.audio .playAudio:active {
  background-position: -102px -257px;
}
.audio .playAudio.playing {
  background-position: 0 -306px;
}
.audio .playAudio.playing:hover {
  background-position: -209px -306px;
}
.audio .playAudio.playing:active {
  background-position: -102px -306px;
}
.audio .progressBarWrap:hover, .audio .soundBarWrap:hover {
  cursor: hand;
  cursor: pointer;
}
.audio .progressBarWrap {
  width: 93px;
  height: 5px;
  padding: 5px 0;
  background: url('../images/audio/soundbar.png')  repeat-x center;
  position: absolute;
  top: 43px;
  left: 65px;
}
.audio .soundBarWrap {
  width: 60px;
  height: 5px;
  padding: 5px 0;
  background: url('../images/audio/soundbar.png')  repeat-x center;
  position: absolute;
  top: 43px;
  left: 195px;
}

.audio .progressBar, .audio .soundBar {
  background: url('../images/audio/soundbarblue.png') repeat-x;
  height: 5px;
  max-width: 100%;
}
.audio .progressBar {
  width: 0%;
}
.audio .mute {
  background-position: 0 -358px;
  width: 14px;
  height: 10px;
  display: block;
  position: absolute;
  top: 45px;
  left: 175px;
  text-indent: -9999px;
}
.audio .muted {
  background-position: -209px -358px;
}
.audio .halfVolume {
  background-position: -102px -358px;
}