﻿/*焦点图 
 */
.slideBox .banner {
    position: relative;
    /* height: 100%; */
    z-index: 0;
}
.banner .bd li {
    position: relative;
    background-color: #e7e7e7;
    overflow: hidden;
    height: 400px
} 
 
.banner {
min-width: 1200px;
position: relative
}
.position, .imgposition2 img, .banner .bd li img, .recommend-list .text {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height:100%;
max-width:100%;
}
 

.banner,.banner *,
.banner *:before,
.banner *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.banner, .banner .swiper-container {
height: 400px
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 

.banner .hd {
position: absolute;
bottom: 18px;
left: 0;
right: 0;
z-index: 1;
font-size: 0;
text-align: center
}

.banner .hd li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px !important;
    opacity: .4;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.banner .hd li.on {
	opacity: 1
}

.banner .swiper-pagination-bullet-active {
opacity: 1
}

.banner .prev, .banner .next {
position: absolute;
display: block;
top: 50%;
left: 60px;
z-index: 111;
width: 25px;
height: 25px;
margin-top: -12.5px;
border: 4px solid rgba(255, 255, 255, 0.5);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
cursor: pointer; 
}

.banner .prev:hover, .banner .next:hover {
    border-color: rgba(255, 255, 255, 0.8)
}

.banner .prev {
border-top: none;
border-right: none
}

.banner .next {
left: auto;
right: 60px;
border-bottom: none;
border-left: none
}

/*焦点图搜索框*/
.hotelsearch{background: url("../inco/alpha-bj.png") repeat scroll 0 0;bottom: 0;height: 90px;left: 0;top:493px;position: absolute;width: 100%;z-index: 299;min-width: 1200px;}
.hotelsearch .searchform{width: 1200px;margin: 0 auto;}
.hotelsearch .searchform .formcontent{/*display:none;*/}
.hotelsearch .searchform .formcontent .formtab{padding-top: 30px;}
.hotelsearch .searchform .formcontent .formtab{zoom: 1;display: inline-block;width: 200px;}
.hotelsearch .searchform .formcontent .formtabtitle{display: block;float: left;line-height: 35px;width: 58px;text-align: center;color: #fff;}
.hotelsearch .searchform .formcontent .formtabinputdiv{margin-left: 0px;height: 36px;position: relative;}
.hotelsearch .searchform .formcontent .formtabinputdiv label{display: block;}
.hotelsearch .searchform .formcontent .ipt-text{line-height: 24px;width: 120px;height: 24px;padding: 5px 10px;border: 1px solid #ccc;cursor: pointer;font-size: 12px;color: #666;}
.hotelsearch .searchform .formcontent .datewatermark{position: absolute; top: 0; left: 0; padding-left: 12px; line-height: 30px; color: #ccc;}
.hotelsearch .searchform .formcontent .select-box{width: 214px; height: 30px; outline: none;}
.hotelsearch .searchform .formcontent .address-mark{color: #666; cursor: pointer; height: 35px; left: 10px; line-height: 35px; position: absolute; top: 1px;}
.hotelsearch .searchform .formcontent [class^="icon-"]{position: absolute;top: 8px;right: 7px;width: 16px;height: 20px;background: url(../inco/search-icon-list.png) no-repeat;overflow: hidden;cursor: pointer;}
.hotelsearch .searchform .formcontent .icon-city{background-position: 0 0;}
.hotelsearch .searchform .formcontent .icon-calendar{width: 20px; background-position: -19px 0;}
.hotelsearch .searchform .formcontent .icon-key{background-position: -40px 0;}
.hotelsearch .searchform .formcontent .search-btn-group{width: 165px;margin: 30px 0px 0 0;padding: 0;float: right;}
.hotelsearch .searchform .formcontent .search-btn-group .search-btn{display: inline-block;width: 80px;height: 37px;background-color: #f60;font-size: 14px;letter-spacing: 2px;text-align: center;color: #fff;border-radius: 3px;border: medium none;}
.hotelsearch .searchform .formcontent .search-btn-group .search-btn-active,
.hotelsearch .searchform .formcontent .search-btn-group .search-btn:hover{background-color: #f90;}
.hotelsearch .searchform .formcontent .search-btn-group .search-btn:hover{cursor: pointer;} 
.hotelsearch .dropDown{z-index:100;position:absolute;top: 35px;left: 58px;_left:0;background:#FFF;width: 140px;border:1px solid #e8e8e8;border-bottom:none;display:none;}
.hotelsearch .dropDown dd{height:28px; line-height:28px;text-align:center;border-bottom:1px solid #e8e8e8;cursor:pointer;}
.hotelsearch .dropDown dd:hover{background:#FAFAFA;}
 

/*推荐酒店*/
.tuijianjiudian{border-bottom: 1px solid #e3e3e3;margin-bottom: 30px;}
.tuijianjiudian .tuijiantitle{text-align: center; margin-top:30px;}
.tuijianjiudian .tuijiantitle h3{color: #333; font-size: 24px; line-height: 24px;}
.tuijianjiudian .tuijiantitle p{color: #666; font-family: "Times New Roman"; font-size: 16px; line-height: 30px;}
.tuijianjiudian .hotellist{width: 1200px;margin-bottom: 50px;margin-top: 30px;}
.tuijianjiudian .hotellist li{float: left;width: 387px;height: 290px; max-width:100%;max-height:100%; position: relative;margin-right: 19px;transition: all 0.5s ease-out 0s;}
.tuijianjiudian .hotellist li:last-child{margin-right: 0px;}
.tuijianjiudian .hotellist li>div:hover{margin-top: -5px;}
.tuijianjiudian .hotellist li .img{width: 387px;height: 290px;position: relative;overflow: hidden;}
.tuijianjiudian .hotellist li .img img{width: 100%;height: 100%;}
.tuijianjiudian .hotellist li .hinfo{color: #fff;background-color: rgba(0,0,0,0.4);height: 90px;position: absolute;width: 100%;bottom: 0;padding: 10px;box-sizing: border-box;}
.tuijianjiudian .hotellist li .hinfo .hmc{font-size: 18px; font-weight: bold;}
.tuijianjiudian .hotellist li .hinfo .yinying{height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tuijianjiudian .hotellist li .hinfo .jiage{}
.tuijianjiudian .hotellist li .hinfo .jiage i{color: #f80;}
.tuijianjiudian .hotellist li .hinfo .jiage em{font-size: 18px; font-weight: bold; color: #f80;}

/*精选酒店*/ 
.jingxuanjiudian .jingxuantitle{text-align: center;}
.jingxuanjiudian .jingxuantitle h3{color: #333; font-size: 24px; line-height: 24px;}
.jingxuanjiudian .jingxuantitle p{color: #666; font-family: "Times New Roman"; font-size: 16px; line-height: 30px;}
.jingxuanjiudian .jingxuantype{text-align: center; margin-top: 10px;}
.jingxuanjiudian .jingxuantype ul{margin: 0 auto;}
.jingxuanjiudian .jingxuantype li{padding: 0 10px;display: inline-block;font-size: 14px;}
.jingxuanjiudian .jingxuantype li span{display: block;height: 30px; line-height: 30px;cursor: pointer;}
.jingxuanjiudian .jingxuantype li.on span{border-bottom: 2px solid #006ED6;color: #006ED6;} 
.jingxuanjiudian .jingxuaninfo{width: 1200px;margin-bottom: 50px;margin-top: 30px;}
.jingxuanjiudian .jingxuaninfo li{float: left;width: 284px;position: relative;margin-right: 18px;margin-bottom: 19px;transition: all 0.5s ease-out 0s;border: 1px solid #e3e3e3;overflow: hidden;}
.jingxuanjiudian .jingxuaninfo li:nth-child(4){margin-right: 0px;}
.jingxuanjiudian .jingxuaninfo li:last-child{margin-right: 0px;}
.jingxuanjiudian .jingxuaninfo li:hover{border-color: #006ED6;}
.jingxuanjiudian .jingxuaninfo li .img{width: 100%;height: 213px;overflow: hidden;}
.jingxuanjiudian .jingxuaninfo li img{width: 100%;height: 213px;transition: all 0.5s ease-out 0s;}
.jingxuanjiudian .jingxuaninfo li:hover img{transform: scale(1.1);}
.jingxuanjiudian .jingxuaninfo li .jinfo{background-color: #fff;height: 90px;width: 100%;padding: 10px;box-sizing: border-box;}
.jingxuanjiudian .jingxuaninfo li .jinfo .hmc{font-size: 18px;}
.jingxuanjiudian .jingxuaninfo li .jinfo .dizhi{height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;}
.jingxuanjiudian .jingxuaninfo li .jinfo .jiage{color: #999;}
.jingxuanjiudian .jingxuaninfo li .jinfo .jiage i{color: #f80;}
.jingxuanjiudian .jingxuaninfo li .jinfo .jiage em{font-size: 18px; font-weight: bold; color: #f80;} 
 