@charset "utf-8";

* {
margin: 0;
padding: 0;
}
li{
list-style-type:none;
}
body {
color: #444;
}
hr{
height:1px;
border:none;
}
img{
vertical-align: middle;
}
.border-box{
box-sizing:border-box;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.middle{
vertical-align: middle;
}
.auto{
margin: auto;
}
.indent{
text-indent:2em;
}
.font-1{
font-size: 1em;
}
.font-12{
font-size: 1.2em;
}
.font-16{
font-size: 1.6em;
}
.font-18{
font-size: 1.8em;
}
.font-25{
font-size: 3.5rem;
font-weight: 200;
}
.font-200{
font-weight: 200;
}
.normal{
font-weight:normal;
}
.color-fff{
color: #fff;
}
.color-333{
color: #333;
}
.color-666{
color: #666;
}
.color-aab{
color: #a5a3b1;
}
.color-green{
color: #5fb3bd;
}
.color-blue{
color:#337ab7
}
.background-green{
background: #5fb3bd;
}
.background-fff{
background: #fff;
}
.hidden{
overflow: hidden;
}
.pt-xs{
padding-top: .5em;
}
.pt-sm{
padding-top: 1em;
}
.pt-md{
padding-top: 2em;
}
.pb-xs{
padding-bottom: .5em;
}
.pb-sm{
padding-bottom: 1em;
}
.pb-md{
padding-bottom: 2em;
}
.pr-sm{
padding-right: 1em;
}
.ml-md{
margin-left: 2em;
}
.ml-sm{
margin-left: 1em;
}
.m-xs{
margin: 5px;
}
.pointer{
cursor:pointer;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.apple-banner {
width: 100%;
height: 480px;
overflow: hidden;
margin-top: -20px;
}
.apple-banner .swiper-container {
width: 100%;
height: auto;
}
.swiper-button-prev,.swiper-button-next{
width: 15%;
height: 100%;
top:0;
background:none;
}
.swiper-button-prev{
left:0;}	
.swiper-button-next{
right:0;}	
.swiper-button-prev span,.swiper-button-next span{
display:block;
width: 64px;
height: 64px;
position: absolute;
left: 20px;
top: 50%;
margin-top:-32px;
border-radius: 100%;
background: rgba(255, 255, 255,0.4) url(//www.hotel900.com/img/arrows.png) no-repeat center 17px;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.swiper-button-next span{
background: rgba(255, 255, 255,0.4) url(//www.hotel900.com/img/arrows.png) no-repeat center -71px;
left:auto;
right:20px;
}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
opacity: .6;
}  .swiper-slide img{
width: 100%;
height: auto;
}
.navigation-box{
width: 100%;
min-height: 60px;
position:fixed;
left:0px;
top:0px;
z-index: 400;
background:rgba(0, 0, 0, 0.4);
}
.navigation{
max-width: 1200px;
margin: auto;
}
.navigation ul{
margin: 0;
}
.navigation li{
float: left;
padding-right: 48px;
font-size: 1em;
color: #fff;
line-height: 60px;
}
.navigation li a{
color: #fff;
}
.navigation li a:hover{
color: #fff;
}
.navigation li a:active{
color: #fff;
}  .moduleone>div{
background: #f5f5f5;
height: 28em;
border: 5px solid #fff;
} .fa{height: 24em;padding:0 !important; background: #f5f5f5;position: relative; overflow: hidden; border: 5px solid #fff;}
.fa .cover {width:100%;height: 31rem; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; margin-left:1px;text-align: center; color: #ffffff; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.fa .cover h4 { line-height: 14rem;}
.fa:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } .news>div{
background: #fff;
height: 28em;
}
.news>div img{
width: 100%;
height: 14.6em;
}
.news>div p{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news p button{
width: 8em;
height: 2em;
background:  #5fb3bd;
border-radius: 2em;
border: none;
color: #fff;
font-size: 1.2em;
outline:none;
}
.news p button:hover{
background: rgba(95, 179, 189, 0.6);
} .line-20{
line-height: 2em;
}
.line-26{
line-height: 2.6em;
} .footer{
padding: 2em 0;
width: 100%;
height: auto;
background: #333;
color: #fff;
}
.footer ul{
float: left;
width: 20%;
height: 12em;
}
.footer li{
line-height: 2em;
font-weight: 200;
color: rgba(255, 255, 255, 0.8);
}
.footer li span{
line-height: 2em;
font-size: 1.2em;
color: rgba(255, 255, 255);
}
.footer p{
color: rgba(255, 255, 255, 0.6);
margin-bottom: 0;
}
.footer hr{
margin: 0;
}