@charset "utf-8";
body{
	background:#aab5bc;}
html, body, .wrapper, .slider_bd{
	width:100%;
	height:100%;
	overflow:hidden;}
.wrapper{
	position:relative;
	z-index:10;}
.logo{
	bottom:0;
	z-index:1001;}
.nav{
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;}
.slider_bd{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;}
.slider_bd img{
	display:none;
	position:absolute;
	top:0;
	left:0;}
.slider_tab{
	position:absolute;
	top:50%;
	right:19px;
	z-index:100;
	margin-top:-40px;
	width:14px;}
.slider_tab li{
	float:left;
	margin-bottom:8px;
	width:14px;
	height:14px;
	overflow:hidden;
	line-height:500px;
	cursor:pointer;
	background:url(../images/common.png) 0 -20px no-repeat;}
.slider_tab .current{
	height:32px;
	background-position:0 -34px;}
.left_btn{
	position:absolute;
	top:50%;
	left:0;
	z-index:1000;
	margin-top:-120px;
	width:123px;
	height:240px;
	overflow:hidden;
	background:url(../images/index_leftbtn_bg.png) 0 0 no-repeat;}
.left_btn span{
	display:block;
	overflow:hidden;
	line-height:500px;
	cursor:pointer;}
#j_activity{ height:95px;}
#j_service{ height:55px;}
#j_vacation{ height:80px;}
.service{
	position:absolute;
	bottom:40%;
	left:0%;
	z-index:910;
	margin-left:-75px;
	width:150px;
	height:150px;}
.service a{
	position:absolute;
	top:0;
	left:0;
	width:105px;
	height:105px;
	overflow:hidden;
	color:#fff;
	-webkit-transition:all .3s ease-out; 
    -moz-transition:all .3s ease-out; 
    -o-transition:all .3s ease-out; 
    transition:all .3s ease-out; 
	background:url(../images/i_service.png) no-repeat;}
.service a span{
	position:absolute;
	top:0;
	left:0;
	padding-top:65px;
	width:100%;
	height:52px;
	text-align:center;
	-webkit-transition:opacity .4s; 
    -moz-transition:opacity .4s; 
    -o-transition:opacity .4s; 
    transition:opacity .4s; 
	background:url(../images/i_service.png) no-repeat;}
.service a:hover span{
	filter:Alpha(opacity=0);
	opacity:0;}
.service .item1{
	background-position:0 0;}
.service .item2{
	background-position:-112px 0;}
.service .item3{
	background-position:-223px 0;}
.service .item4{
	background-position:-336px 0;}
.service .item5{
	background-position:-448px 0;}
.service .item1 span{
	background-position:0 -112px;}
.service .item2 span{
	background-position:-112px -112px;}
.service .item3 span{
	background-position:-223px -112px;}
.service .item4 span{
	background-position:-336px -112px;}
.service .item5 span{
	background-position:-448px -112px;}
.service_opened .item1{
	top:-160px;
	left:150px;}
.service_opened .item2{
	top:-80px;
	left:230px;}
.service_opened .item3{
	top:20px;
	left:280px;}
.service_opened .item4{
	top:120px;
	left:230px;}
.service_opened .item5{
	top:200px;
	left:150px;}

.activity{
	position:absolute;
	bottom:40%;
	left:0%;
	z-index:910;
	margin-left:-75px;
	width:150px;
	height:150px;}
.activity a{
	position:absolute;
	top:0;
	left:0;
	width:105px;
	height:105px;
	overflow:hidden;
	color:#fff;
	-webkit-transition:all .3s ease-out; 
    -moz-transition:all .3s ease-out; 
    -o-transition:all .3s ease-out; 
    transition:all .3s ease-out; 
	background:url(../images/i_service.png) no-repeat;}
.activity a span{
	position:absolute;
	top:0;
	left:0;
	padding-top:65px;
	width:100%;
	height:52px;
	text-align:center;
	-webkit-transition:opacity .4s; 
    -moz-transition:opacity .4s; 
    -o-transition:opacity .4s; 
    transition:opacity .4s; 
	background:url(../images/i_service.png) no-repeat;}
.activity a:hover span{
	filter:Alpha(opacity=0);
	opacity:0;}
.activity .item1{
	background-position:0 0;}
.activity .item2{
	background-position:-112px 0;}
.activity .item3{
	background-position:-223px 0;}
.activity .item4{
	background-position:-336px 0;}
.activity .item5{
	background-position:-448px 0;}
.activity .item1 span{
	background-position:0 -112px;}
.activity .item2 span{
	background-position:-112px -112px;}
.activity .item3 span{
	background-position:-223px -112px;}
.activity .item4 span{
	background-position:-336px -112px;}
.activity .item5 span{
	background-position:-448px -112px;}
.activity_opened .item1{
	top:-160px;
	left:150px;}
.activity_opened .item2{
	top:-80px;
	left:230px;}
.activity_opened .item3{
	top:20px;
	left:280px;}
.activity_opened .item4{
	top:120px;
	left:230px;}
.activity_opened .item5{
	top:200px;
	left:150px;}

.vacation{
	position:absolute;
	bottom:40%;
	left:0%;
	z-index:910;
	margin-left:-75px;
	width:150px;
	height:150px;}
.vacation a{
	position:absolute;
	top:0;
	left:0;
	width:105px;
	height:105px;
	overflow:hidden;
	color:#fff;
	-webkit-transition:all .3s ease-out; 
    -moz-transition:all .3s ease-out; 
    -o-transition:all .3s ease-out; 
    transition:all .3s ease-out; 
	background:url(../images/i_service.png) no-repeat;}
.vacation a span{
	position:absolute;
	top:0;
	left:0;
	padding-top:65px;
	width:100%;
	height:52px;
	text-align:center;
	-webkit-transition:opacity .4s; 
    -moz-transition:opacity .4s; 
    -o-transition:opacity .4s; 
    transition:opacity .4s; 
	background:url(../images/i_service.png) no-repeat;}
.vacation a:hover span{
	filter:Alpha(opacity=0);
	opacity:0;}
.vacation .item1{
	background-position:0 0;}
.vacation .item2{
	background-position:-112px 0;}
.vacation .item3{
	background-position:-223px 0;}
.vacation .item4{
	background-position:-336px 0;}
.vacation .item5{
	background-position:-448px 0;}
.vacation .item1 span{
	background-position:0 -112px;}
.vacation .item2 span{
	background-position:-112px -112px;}
.vacation .item3 span{
	background-position:-223px -112px;}
.vacation .item4 span{
	background-position:-336px -112px;}
.vacation .item5 span{
	background-position:-448px -112px;}
.vacation_opened .item1{
	top:-160px;
	left:150px;}
.vacation_opened .item2{
	top:-80px;
	left:230px;}
.vacation_opened .item3{
	top:20px;
	left:280px;}
.vacation_opened .item4{
	top:120px;
	left:230px;}
.vacation_opened .item5{
	top:200px;
	left:150px;}

.overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:900;
	width:100%;
	height:100%;
	filter:Alpha(opacity=50);
	opacity:0.5;
	background:#000;}