/*背景图片*/
body{
    position: relative;
overflow: hidden;
}
/*外围包裹盒*/
.subject{
    position: absolute;
    top: 0px;
  width: 1536px;
  height: 6128px;
}
/*导航栏*/
.navbar{
      width: 100%;
    height: 90px;
    background: url(../image/top-nav_2c4e76b.jpg) no-repeat center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    /*opacity:0;*/
    display: none;
}
.navbar .logo2{
    position: absolute;
    left: 56px;
    top: 0;
    width: 96px;
    height: 89px;
}
.navbar .list{
      position: absolute;
    width: 1100px;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -521px;
}
.navbar .list li{
      cursor: pointer;
    float: left;
    width: 124px;
    height: 90px;
    line-height: 90px;
    font-size: 16px;
    color: #919191;
    text-align: center;
    font-family: "SimSun", "宋体";
}
.navbar .list li:hover{
  color: #fff;
}
.navbar .website2{
  position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 90px;
    background: url(../image/gw_179a4bb.jpg) no-repeat center ;
}
/*图一*/
.map{
  width: 1536px;
  height: 766px;
  z-index: 1;
   background: url(../image/bg1_f4be2dc.jpg) no-repeat 50% 0;
overflow: hidden;
}
.logo{
  position: absolute;
    top: -17px;
    left: 50px;
    width: 167px;
        z-index: 1;
}
.website {
     position: absolute;
    top: 30px;
    right: 20px;
    width: 161px;
    height: 48px;
}
/*剑啸*/
.title{
  position: absolute;
    width: 600px;
    height: 300px;
    background: url(../image/slogan_67c6a6f.png) no-repeat center;
    top: 78px;
    left: 50%;
    margin-left: -304px;
    opacity:0;
        z-index: 1;
}
/*左边人物*/
.per1{
  width: 1015px;
  height: 655px;
  position: absolute;
    top: 112px;
    left: 1600px;
    overflow: hidden;
}
 #perImg1{
  opacity: 0;
}
/*右边人物*/
.per2{
    position: absolute;
    width: 821px;
    height: 683px;
    top: 131px;
   left: 3000px;
}
.per2 img{
    width: 821px;
    height: 683px;
}
 #perImg2{
  opacity: 0;
}
/*目录*/
.nav{
      position: absolute;
    top: 440px;
    left: 800px;
    margin-left: -434px;
    z-index: 1;
}
.nav a{
    width: 88px;
    height: 186px;
    margin: 0 7px;

}
.nav .btn1{
  background: url(../image/1.png) no-repeat center;
    position: absolute;
    top: 500px;
    left: 7px;
    opacity: 0;
}
.nav .btn2{
  background: url(../image/2.png) no-repeat center;
    position: absolute;
    top: 1000px;
    left: 109px;
    opacity: 0;
}
.nav .btn3{
  background: url(../image/3.png) no-repeat center;
    position: absolute;
    top: 3000px;
    left: 211px;
    opacity: 0;
}
.nav .btn4{
  background: url(../image/4.png) no-repeat center;
    position: absolute;
    top: 6500px;
    left: 313px;
    opacity: 0;
}
.nav .btn5{
  background: url(../image/5.png) no-repeat center;
    position: absolute;
    top: 9500px;
    left: 415px;
    opacity: 0;
}
.nav .btn6{
  background: url(../image/6.png) no-repeat center;
    position: absolute;
    top: 12000px;
    left: 517px;
    opacity: 0;
}
.nav .btn7{
  background: url(../image/7.png) no-repeat center;
    position: absolute;
    top: 16000px;
    left: 619px;
    opacity: 0;
}
.nav .btn8{
  background: url(../image/8.png) no-repeat center;
    position: absolute;
    top: 20000px;
    left: 721px;
    opacity: 0;
}
/*云*/
.yun-left{
      position: absolute;
     width: 1520px;
  height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -2000px;
    z-index: 2;
}
.yun-left2{
      position: absolute;
     width: 1520px;
  height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -2000px;
    z-index: 2;

}
.yun-left3{
      position: absolute;
     width: 1520px;
  height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -2000px;
    z-index: 3;
    /*display: none;*/
}
.yun-right{
      position: absolute;
    width: 1520px;
  height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: -2000px;
    z-index: 2;
    /*display: none;*/
}
.yun-right2{
      position: absolute;
    width: 1520px;
  height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: -2000px;
    z-index: 2;
    /*display: none;*/
}
.yun-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: -2000px;
    z-index: 2;
    /*display: none;*/
}
/*主图二*/
.map2{
  width: 1536px;
  height: 766px;
  background: url(../image/bg2_ddf9205.jpg) no-repeat center;
  overflow: hidden;
  float: left;
      position: relative;
}
/*云*/
.yun2-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 2;
}
.yun2-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 2;

}
.yun2-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -2000px;
    z-index: 2;
}
.yun2-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -2000px;
    z-index: 2;

}
.yun2-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 3;
    /*display: none;*/
}
.yun2-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 2;
    /*display: none;*/
}
.yun2-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 2;
    /*display: none;*/
}
.yun2-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 2;
    /*display: none;*/
}
.nav-left{
      display: none;
    position: fixed;
    left: 54px;
    top: 50%;
    margin-top: -297px;
    width: 30px;
    height: 594px;
    background: url(../image/nav_7e43713.png) no-repeat 0 60px;
    z-index: 5;
    padding-top: 33px;
}
.map2 .yun-show{
    position: absolute;
    width: 1200px;
    height: 990px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      /*opacity: 0;*/
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    /*opacity: 0;*/
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    /*opacity: 0;*/
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      /*opacity: 0;*/
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      /*opacity: 0;*/
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-2{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-2 .wpic1-2{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-2 .pic1-2{
  background:url(../image/s2-p1_ec6b228.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-2 .wpic1-2 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-2 .wpic2-2{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-2 .pic2-2{
  background:url(../image/s2-p2_ba0117e.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-2 .wpic2-2 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-2 .wpic3-2{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
    z-index: 5;
}
.yun-show  .tubottom-2 .bfan-2{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
}
.yun-show  .tubottom-2 .pic3-2{
  background:url(../image/s2-p5_57d8a53.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-2 .wpic3-2 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-2 .wpic4-2{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-2 .pic4-2{
  background:url(../image/s2-p3_31331f8.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-2 .wpic4-2 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-2 .wpic5-2{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-2 .pic5-2{
  background:url(../image/s2-p4_d9236a5.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-2 .wpic5-2 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*主图三*/
.map3{
  width: 1536px;
  height: 766px;
  background: url(../image/bg3_f889254.jpg) no-repeat center;
  overflow: hidden;
}
/*云*/
.yun3-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 2;
}
.yun3-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 2;

}
.yun3-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;
}
.yun3-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;

}
.yun3-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 3;
    /*display: none;*/
}
.yun3-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 2;
    /*display: none;*/
}
.yun3-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 2;
    /*display: none;*/
}
.yun3-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 2;
    /*display: none;*/
}
.map3 .yun-show{
    position: absolute;
    width: 1200px;
    height: 990px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      /*opacity: 0;*/
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    /*opacity: 0;*/
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    /*opacity: 0;*/
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      /*opacity: 0;*/
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      /*opacity: 0;*/
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-3{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-3 .wpic1-3{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 67px;
    left: 67px;
    overflow: hidden;
    /*display: none;*/
    opacity: 0;

}
.yun-show  .tubottom-3 .pic1-3{
  background:url(../image/s3-p1_f8de83f.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

}
.yun-show .tubottom-3 .wpic1-3 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-3 .wpic2-3{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    right: 67px;
    overflow: hidden;
    /*display: none;*/
    opacity: 0;

}
.yun-show  .tubottom-3 .pic2-3{
  background:url(../image/s3-p2_491d064.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-3 .wpic2-3 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-3 .wpic3-3{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
    z-index: 5;
}
.yun-show  .tubottom-3 .bfan-3{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
}
.yun-show  .tubottom-3 .pic3-3{
  background:url(../image/s6-p1_1d479b1.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-3 .wpic3-3 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-3 .wpic4-3{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
    /*display: none;*/

}
.yun-show  .tubottom-3 .pic4-3{
  background:url(../image/s3-p3_8045bac.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-3 .wpic4-3 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-3 .wpic5-3{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
    /*display: none;*/

}
.yun-show  .tubottom-3 .pic5-3{
  background:url(../image/s3-p4_6667c1c.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-3 .wpic5-3 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*主图四*/
.map4{
  width: 1536px;
  height: 766px;
  background: url(../image/bg4_ffd0845.jpg) no-repeat center;
  overflow: hidden;
}
/*云*/
.yun4-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 2;
}
.yun4-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 2;

}
.yun4-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;
}
.yun4-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;

}
.yun4-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 3;
    /*display: none;*/
}
.yun4-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 2;
    /*display: none;*/
}
.yun4-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 2;
    /*display: none;*/
}
.yun4-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 2;
    /*display: none;*/
}
.map4 .yun-show{
    position: absolute;
    width: 1200px;
    height: 990px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      /*opacity: 0;*/
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    /*opacity: 0;*/
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    /*opacity: 0;*/
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      /*opacity: 0;*/
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      /*opacity: 0;*/
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-4{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-4 .wpic1-4{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-4 .pic1-4{
  background:url(../image/s4-p1_71f9236.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-4 .wpic1-4 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-4 .wpic2-4{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:0;
    right: 0;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-4 .pic2-4{
  background:url(../image/s4-p2_80f3794.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-4 .wpic2-4 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-4 .wpic3-4{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
    z-index: 5;
}
.yun-show  .tubottom-4 .bfan-4{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
    opacity: 0;
}
.yun-show  .tubottom-4 .pic3-4{
  background:url(../image/s4-p5_bd2bac8.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-4 .wpic3-4 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-4 .wpic4-4{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:0;
    left: 0;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-4 .pic4-4{
  background:url(../image/s4-p3_fe6842e.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-4 .wpic4-4 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-4 .wpic5-4{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:0;
    right: 0;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-4 .pic5-4{
  background:url(../image/s4-p4_613972b.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-4 .wpic5-4 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*主图五*/
.map5{
  width: 1536px;
  height: 766px;
  background: url(../image/bg5_323c2be.jpg) no-repeat 0 -225px;
  overflow: hidden;
}
/*云*/
.yun5-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 2;
}
.yun5-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 2;

}
.yun5-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;
}
.yun5-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;

}
.yun5-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 3;
    /*display: none;*/
}
.yun5-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 2;
    /*display: none;*/
}
.yun5-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 2;
    /*display: none;*/
}
.yun5-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 2;
    /*display: none;*/
}
.map5 .yun-show{
    position: absolute;
    width: 1200px;
    height: 990px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      /*opacity: 0;*/
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    /*opacity: 0;*/
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    /*opacity: 0;*/
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      /*opacity: 0;*/
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      /*opacity: 0;*/
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-5{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-5 .wpic1-5{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-5 .pic1-5{
  background:url(../image/s5-p1_5ce9fed.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-5 .wpic1-5 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-5 .wpic2-5{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-5 .pic2-5{
  background:url(../image/s5-p2_ac693f9.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-5 .wpic2-5 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-5 .wpic3-5{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    z-index: 5;
    opacity: 0;
}
.yun-show  .tubottom-5 .bfan-5{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
}
.yun-show  .tubottom-5 .pic3-5{
  background:url(../image/s5-p5_5173f69.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-5 .wpic3-5 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-5 .wpic4-5{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-5 .pic4-5{
  background:url(../image/s5-p3_5199333.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-5 .wpic4-5 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-5 .wpic5-5{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-5 .pic5-5{
  background:url(../image/s5-p4_3b15332.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-5 .wpic5-5 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*主图六*/
.map6{
  width: 1536px;
  height: 766px;
  background: url(../image/bg6_5210dbf.jpg) no-repeat center;
  overflow: hidden;
}
/*云*/
.yun6-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 2;
}
.yun6-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 2;

}
.yun6-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;
}
.yun6-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;

}
.yun6-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 3;
    /*display: none;*/
}
.yun6-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 2;
    /*display: none;*/
}
.yun6-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 2;
    /*display: none;*/
}
.yun6-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 2;
    /*display: none;*/
}
.map6 .yun-show{
    position: absolute;
    width: 1200px;
    height: 990px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      /*opacity: 0;*/
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    /*opacity: 0;*/
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    /*opacity: 0;*/
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      /*opacity: 0;*/
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      /*opacity: 0;*/
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-6{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-6 .wpic1-6{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-6 .pic1-6{
  background:url(../image/s6-p1_1d479b1.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-6 .wpic1-6 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-6 .wpic2-6{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-6 .pic2-6{
  background:url(../image/s6-p2_20980e2.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-6 .wpic2-6 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-6 .wpic3-6{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    z-index: 5;
    opacity: 0;
}
.yun-show  .tubottom-6 .bfan-6{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
}
.yun-show  .tubottom-6 .pic3-6{
  background:url(../image/s6-p5_f507e10.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-6 .wpic3-6 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-6 .wpic4-6{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-6 .pic4-6{
  background:url(../image/s6-p3_5c2e156.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-6 .wpic4-6 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-6 .wpic5-6{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-6 .pic5-6{
  background:url(../image/s6-p4_9181c05.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-6 .wpic5-6 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*主图七*/
.map7{
  width: 1536px;
  height: 766px;
  background: url(../image/bg7_c1719cb.jpg) no-repeat center;
  overflow: hidden;
}
/*云*/
.yun7-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 2;
}
.yun7-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 2;

}
.yun7-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;
}
.yun7-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;

}
.yun7-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 3;
    /*display: none;*/
}
.yun7-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 2;
    /*display: none;*/
}
.yun7-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 2;
    /*display: none;*/
}
.yun7-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 2;
    /*display: none;*/
}
.map7 .yun-show{
    position: absolute;
    width: 1200px;
    height: 990px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      /*opacity: 0;*/
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    /*opacity: 0;*/
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    /*opacity: 0;*/
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      /*opacity: 0;*/
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      /*opacity: 0;*/
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-7{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-7 .wpic1-7{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-7 .pic1-7{
  background:url(../image/s7-p1_4978e67.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-7 .wpic1-7 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-7 .wpic2-7{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-7 .pic2-7{
  background:url(../image/s7-p2_93e0c95.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-7 .wpic2-7 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-7 .wpic3-7{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    z-index: 5;
    opacity: 0;
}
.yun-show  .tubottom-7 .bfan-7{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
}
.yun-show  .tubottom-7 .pic3-7{
  background:url(../image/s7-p5_00815f8.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-7 .wpic3-7 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-7 .wpic4-7{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-7 .pic4-7{
  background:url(../image/s7-p3_b7bf562.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-7 .wpic4-7 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-7 .wpic5-7{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-7 .pic5-7{
  background:url(../image/s7-p4_2693b08.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-7 .wpic5-7 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*主图八*/
.map8{
  width: 1536px;
  height: 766px;
  background: url(../image/bg8_43b519d.png) no-repeat center;
  overflow: hidden;
}
/*云*/
.yun8-left{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;

}
.yun8-left2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 65px;
    z-index: 4;

}
.yun8-left-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;
}
.yun8-left2-wen{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: -1000px;
    z-index: 2;

}
.yun8-left3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun_de5c982.png) center;
    left: 0px;
    z-index: 4;
    /*display: none;*/
}
.yun8-right{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 0px;
    z-index: 4;
    /*display: none;*/
}
.yun8-right2{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 200px;
    z-index: 4;
    /*display: none;*/
}
.yun8-right3{
    position: absolute;
    width: 1520px;
    height: 766px;
    background: url(../image/yun2_a1a9e63.png) center;
    right: 500px;
    z-index: 4;
    /*display: none;*/
}
.map8 .yun-show{
    position: absolute;
    width: 1200px;
    height: 766px;
    left: 0;
    z-index: 2;
}
.yun-show .intro{
  width: 1200px;
  height: 349px;
      position: relative;
    z-index: 10;
    margin: 160px 0 0 150px;
}
.yun-show .tit{
      opacity: 0;
      font-size: 38px;
    color: #484562;
    font-weight: 700;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .js-tit{
    opacity: 0;
    font-size: 17px;
    color: #322c4b;
    margin: 15px 0 15px;
    font-family: 'SimSun',"微软雅黑";
}
.yun-show .peis{
    opacity: 0;
  width: 483px;
  height: 9px;
  background: url(../image/line_4d00a0d.png) no-repeat center;
  margin-left: -10px;
}
.yun-show .referral{
      opacity: 0;
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0;
}
.yun-show  .liaojie{
      opacity: 0;
    margin-top: 30px;
    width: 120px;
    height: 35px;
    border: 1px solid #6e6e6e;
    font-size: 14px;
    color: #2a2a29;
    text-align: center;
    line-height: 35px;
    display: block;
}
.yun-show  .tubottom-8{
position: absolute;
    width: 254px;
    height: 254px;
    background: url(../image/pic-bg_79d16b7.png) no-repeat center;
    margin: 25px 0 0;
    opacity: 0;
}
.yun-show  .tubottom-8 .wpic1-8{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-8 .pic1-8{
  background:url(../image/s8-p1_4aa13a5.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-8 .wpic1-8 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-8 .wpic2-8{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-8 .pic2-8{
  background:url(../image/s8-p2_69fe86c.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-8 .wpic2-8 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-8 .wpic3-8{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    top:67px;
    left: 67px;
    overflow: hidden;
    z-index: 5;
    opacity: 0;
}
.yun-show  .tubottom-8 .bfan-8{
  z-index: 10;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    top: 50%;
    margin-top: -24.5px;
    background: url(../image/play4_43f725a.png) no-repeat center;
}
.yun-show  .tubottom-8 .pic3-8{
  background:url(../image/s8-p5_0e93fd3.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-8 .wpic3-8 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-8 .wpic4-8{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    left: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-8 .pic4-8{
  background:url(../image/s8-p3_59424cf.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-8 .wpic4-8 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yun-show  .tubottom-8 .wpic5-8{
  cursor: pointer;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom:67px;
    right: 67px;
    overflow: hidden;
    opacity: 0;
}
.yun-show  .tubottom-8 .pic5-8{
  background:url(../image/s8-p4_babd07f.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yun-show .tubottom-8 .wpic5-8 img{
      position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}