﻿.slideBox{  width: 680px;height: 680px; float:left;position:relative;}
.slideBox .hd{ height: 94px; margin: 10px 0; overflow: hidden;    left: 700px;width: 500px;
    bottom: 82px;
    position: absolute;}
.slideBox .hd ul{ zoom:1; }
.slideBox .hd ul li{ width: 90px; height: 90px; float: left; border:2px solid #FFF;margin-right:7px;}
.slideBox .hd ul li:nth-child(5){ margin-right:0px;}
.slideBox .hd ul li img{ display: block; width: 100%; height: 100%;}
.slideBox .hd ul li.on{ border-color:#0069b3;}

.slideBox .bd{ position:relative; z-index:0; width: 680px;height: 680px; overflow: hidden;   }
.slideBox .bd li{ width: 100%; height: 680px;  zoom:1; vertical-align:middle; position: relative; }
.slideBox .bd li a{ display: block; width: 100%; height: 100%;}
.slideBox .bd li img{ display: block; width: 100%; height: 100%;}
.slideBox .bd li .txt{ position: absolute; left: 20px; bottom: 0; height: 30px; line-height: 30px; font-size: 13px; color:#FFF;} 
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }


.slideTxtBox{ text-align:left;  }
.slideTxtBox .hd{ background: #F1F1F1; position:relative; }
.slideTxtBox .hd ul{ float:left; }
.slideTxtBox .hd ul li{ float:left;  width: 239px; height: 46px; line-height: 46px; background: #d0d0d0; cursor:pointer; text-align: center; color:#535353; font-size: 16px; border-right: 1px solid #FFF; }
.slideTxtBox .hd ul li.on{ background: #0069b3; color:#FFF; }
.slideTxtBox .bd ul{ padding:20px 0;  zoom:1;  }
.slideTxtBox .bd li{ line-height: 2;}
.slideTxtBox .bd li img{ line-height: 0; display: block; margin: 0 auto;}

.count{float:right;width:500px;height:480px;background: #f5f5f5;padding:15px;box-sizing: border-box;margin-bottom: 110px;}
.count .title{color:#000;font-size: 1.1rem;}
.count .price{color:#000;font-size: 1rem;padding-top:15px;}
.count .desc{color:#aeaeae;font-size: .7rem;padding-top:5px;}
.count .bg {padding-bottom:10px;}
.count .bg img {width: 100%;}

.jp-box {background: #f5f5f5;padding-bottom:30px;}
.jp-box .bg{margin:10px 0;}

.activitySession{position: relative;}
.activityDiv{width: 1120px;overflow: hidden;margin: 0 auto;}
.activityDiv .activityUl .activityLi{position: relative;overflow: hidden;float: left;width: 320px;margin-right: 40px;}
.activityDiv .activityUl img{max-width:100%;height:276px;}
.activityDiv .activityUl .liText p{font-size: 14px;color: #000;line-height: 24px;    height: 24px;overflow: hidden;}
.activityDiv .activityUl .liText .price{color:#EE0000;}
#right {
    position: absolute;
    background: none;
    overflow: hidden;
    cursor: pointer;
    top: 50%;
    right:5px;
    z-index: 11;
}
#left {
    position: absolute;
    background: none;
    overflow: hidden;
    cursor: pointer;
    top: 50%;
    left: 5px;
    z-index: 11;
}
#left img, #right img {
    height: 30px;
}
.yuyue-btn{height:80px;background: #7c7b8b;width:500px;float:right;text-align: center;margin-top:10px;}
.yuyue-btn a{height:80px;color:#fff;line-height: 80px;font-size: 26px;font-weight:100;    padding: 23px 120px;}
.yuyue-btn:hover{
   background:#b59f84;
}