#carousel {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
#box .ones{
	background: url(../img/camp/camp1.jpg) 100% 100% no-repeat;
	height: 100%;
	background-position:center center;
}
#box .twos{
	background: url(../img/camp/camp2.jpg) 100% 100% no-repeat;
	height: 100%;
	background-position:center center;
}
#box .threes{
	background: url(../img/camp/camp3.jpg) 100% 100% no-repeat;
	height: 100%;
	background-position:center center;
}
#carousel .carousel_a {
  width: 100%;
  height: 670px;
  margin: 0 auto;
	overflow: hidden;
}
#carousel .carousel_a #box {
  width: 100%;
  height: 100%;
  position: relative;
}
#carousel .carousel_a #box img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#carousel .carousel_a #box ul {
  position: absolute;
  left: 48%;
  bottom: 15px;
  z-index: 10;
  width: 100px;
}
#carousel .carousel_a #box ul li {
  width: 12px;
  height: 12px;
  background: white;
  float: left;
  margin-right: 15px;
  border-radius: 50%;
}
#box .domeos{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#box .domeos .left_dome{
	width: 400px;
	overflow: hidden;
	/*background: rgba(0, 0, 0, 0.3);*/
	padding: 3% 20px;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
	position: absolute;
	bottom: 0;
	right: 0;
}
#box .domeos .left_dome h3{
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
}
#box .domeos .left_dome p.intro{
	margin-top: 20px;
	font-size: 15px;
	text-indent: 2em;
	line-height: 26px;
	height: 80px;
	overflow: hidden;
}
#box .domeos .left_dome .fix{
	margin-top: 40px;
	overflow: hidden;
	font-size: 14px;
}
#box .domeos .left_dome .fix p{
	margin-top: 10px;
}
#box .domeos .left_dome .reserve{
	margin-top: 30px;
	text-align: center;
}
#box .domeos .left_dome .reserve a{
	padding: 7px 15px;
	background: #09a7b3;
	text-align: center;
	text-shadow: none;
	border-radius: 3px;
	font-size: 13px;
	color: #FFF;
}
#acti {
  width: 1124px;
  overflow: hidden;
  margin: 0 auto;
}
.cage{
	width: 100%;
	height: 225px;
	overflow: hidden;
	position: relative;
}
.cage .wache{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	display: none;
}
.cage .wache p{
	padding: 0 20px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	margin-top: 30%;
}
.cage img{
	width: 100%;
}
#acti ul{
	overflow: hidden;
}
#acti li {
  width: 350px;
  overflow: hidden;
  float: left;
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 20px;
  background: #F3F3F3;
  cursor: pointer;
  margin-bottom: 20px;
}
#acti li .actiname {
  width: 100%;
  height: 65px;
  border-bottom: 1px solid #09a7b3;
  color: #09a7b3;
  text-align: center;
  line-height: 52px;
}
#acti li .actiname p{
	  line-height: 28px;
    padding-top: 5px;
    text-align: left;
    padding: 5px 20px;
}
#acti li .content {
  width: 100%;
  overflow: hidden;
  height: 80px;
  margin-top: 5px;
}
#acti li .content p {
  font-size: 14px;
  color: #6D6D6D;
  line-height: 24px;
  padding: 5px 15px;
  text-indent: 2em;
}
#acti li .money p{
	height: 32px;
	text-align: center;
	line-height: 30px;
	color: #C4C0BB;
	font-size: 14px;
}
#acti li .money span{
  font-size: 18px;
	color: #0998DA;
	font-weight: 700;
}
#acti li a.ades{
  display: block;
  width: 152px;
  height: 25px;
  line-height: 25px;
  background: #09a7b3;
  color: white;
  text-align: center;
  border-radius: 8px;
  margin: 0 auto;
  margin-top: 22px;
  font-size: 14px;
}
#acti li:hover a {
  background: #D1D1D1;
}
#acti li:hover .cage .wache{
	display: block;
}
.swiper-pagination{bottom: 10px;left: 50%;margin-left: -42px;}
.swiper-pagination .swiper-pagination-bullet{background: #FFF;margin: 0 10px;opacity: 2 !important;}
.swiper-pagination .swiper-pagination-bullet-active{background: #09a7b3 !important;}
@media (min-width: 768px) and (max-width:1124px){
	#acti{
		width: 768px;
	}
	#acti li{
		width: 360px;
	}
	#choose{
		width: 768px;
	}
	.top h3{
		font-size: 23px;
	}
	/*#choose .choose-1 .img-2{
		height: 37px;
	}*/
	#carousel .carousel_a{
		height: 450px;
	}
	#box .domeos .left_dome{
		width: 300px;
		padding-top: 0;
		padding-bottom: 20px;
	}
	#box .domeos .left_dome h3{
		font-size: 16px;
	}
	#box .domeos .left_dome p.intro{
		margin-top: 10px;
		font-size: 13px;
		line-height: 22px;
    height: 65px;
	}
	#box .domeos .left_dome .fix{
		margin-top: 20px;
	}
}
@media (min-width: 480px) and (max-width:768px){
	#acti{
		width: 480px;
	}
	#acti li{
		width: 100%;
		margin-left: 0px;
    margin-right: 0px;
	}
	.cage{
		height: 310px;
	}
	#choose{
		width: 100%;
	}
	#choose .choose-1 .img-2{
		height: 32px;
	}
	.top h3{
		font-size: 20px;
	}
	.top .jianjie{
		width: 80%;
		height: 80px;
		font-size: 13px;
		line-height: 24px;
	}
	#carousel .carousel_a{
		height: 350px;
	}
	#box .domeos .left_dome{
		width: 300px;
		padding-top: 0;
		padding-bottom: 20px;
	}
	#box .domeos .left_dome h3{
		font-size: 16px;
	}
	#box .domeos .left_dome p.intro{
		margin-top: 10px;
		font-size: 13px;
		line-height: 22px;
    height: 65px;
	}
	#box .domeos .left_dome .fix{
		margin-top: 20px;
	}
}
@media (max-width: 480px){
	#acti{
		width: 100%;
		margin-top: 0px;
	}
	#acti li{
		width: 100%;
		margin-left: 0px;
    margin-right: 0px;
	}
	.cage{
		height: 290px;
	}
	#acti li a.ades{
		display: none;
	}
	#acti li .money p{
		display: none;
	}
	#acti li .actiname{
		display: none;
	}
	#acti li{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.cage .wache{
		display: block;
		background: rgba(0, 0, 0, 0.4);
		background:-moz-linear-gradient(bottom, 0, rgba(0, 0, 0, 0.7));    
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(247, 240, 240, 0.02)), to(rgba(0, 0, 0, 0.7)));    
    background:-o-linear-gradient(bottom, 0, rgba(0, 0, 0, 0.7));   
	}
	.cage .wache p{
		margin-top: 230px;
		text-align: left;
		line-height: 26px;
	}
	#acti li .content{
		height: 65px;
	}
	#acti li .content p{
		font-size: 13px;
		line-height: 20px;
		color: #403F3F;
	}
	#choose{
		width: 100%;
	}
	#choose .choose-1 .img img{
		width: auto;
		height: 230px;
		margin-left: -35%;
		
	}
	#choose .choose-1 .img-2{
		height: 13%;
	}
	.top{
		padding: 0 5%;
		box-sizing: border-box;
	}
	.top .zul{
		font-size: 12px;
	}
	.top .jianjie{
		width: 80%;
		margin-top: 10px;
		height: 55px;
		line-height: 18px;
	}
	.top a{
		margin-top: 10px;
	}
	.top h3{
		font-size: 18px;
	}
	#carousel .carousel_a{
		display: none;
	}
	.imgs-1{
		display: block;
		width: 100%;
	}
	#choose .choose-1{
		height: 290px;
	}
	.choose-1 .img{
		display: none;
	}
}
@media (max-width: 400px){
	.cage{
		height: 250px;
	}
	#choose .choose-1{
		height: 250px;
	}
	.cage .wache p{
		margin-top: 190px;
	}
}
@media (max-width: 360px){
	.cage{
		height: 220px;
	}
	#choose .choose-1{
		height: 220px;
	}
	.cage .wache p{
		margin-top: 165px;
	}
}