@charset "utf-8";



*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
body{font-size:14px;color:#333;background:#fff;font-family:"微软雅黑";overflow-x:hidden;letter-spacing:0.7px;}

a,span,p{text-decoration:none;transition: all .3s ease-out;}
i{transition: all .3s ease-out;}
li{list-style:none}
img{border:0}


.clr{clear:both; height:0px; overflow:hidden}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}



.readMore{display: inline-block;padding:1vh 4vw 1vh 1.5vw;font-size:14px;position: relative;margin: auto;border-radius:5px;}
.readMore i{position: absolute;top:30%;right:1.2vw;font-size: 18px;}
.readMore:hover i{right:0.8vw}

.readMoreWrite{border: 1px rgb(255,255,255,0.3) solid;color: #fff;}
.readMoreWrite:hover{background:#fff;color:#b22812}

.readMoreBlack{border: 1px rgb(0,0,0,0.3) solid;color:rgb(0,0,0,0.5);}
.readMoreBlack:hover{border: 1px #252d3a solid;color:#252d3a;}


.ersi{font-size:24px}
.ersi a,shiba p,.ersi div{font-size:24px}

.shiba{font-size:18px}
.shiba a,shiba p,.shiba div{font-size:18px}

.shiliu{font-size:16px}
.shiliu a,shisi p,.shiliu div{font-size:16px}



.wid{width:1200px;margin:0 auto}
.wid75{width: 75%;margin:0 auto;}
.height { min-height:400px; padding-bottom:50px }
.zixun{width:140px;height:50px;background:url(../image/zixun.png);position:fixed;bottom:230px;right:0;z-index:999999999}

.dingwei{width:100%;height:0;position:absolute;top:332px}

.header{width:100%;}

.top_{width:100%;height:70px;background:#252d3a;}
.top{overflow:hidden;transition: all .6s ease-out;color:#c5c5c5;line-height:70px;font-size:12px}
.top ul.top_left{float:left;height:100%;}
.top ul.top_left li{float:left;padding-left:20px;}
.top ul.top_left li:first-child{padding-left:0}
.top ul.top_left li i{padding-right:5px;font-size:16px}

.top .topLogo{display: block;float: left;height:50px;margin-top:10px}

.top ul.top_right{float:right;height:100%;}
.top ul.top_right li{float:left;}
.top ul.top_right li a{color:#c5c5c5;padding:0 15px;font-size: inherit;}
.top ul.top_right li:last-child a{padding:0 0 0 10px}
.top ul.top_right li a:hover{text-decoration:underline}


.logo{width:100%;padding:20px 0;background:#333d4f;text-align: center;}
.logo .star{width:150px;margin:0 auto;display:flex;}
.logo .star i{margin: auto;color: #f4a627;font-size:18px}
.logo img{display: block;margin:0 auto}
.logo div{color:#fff}
.logo .hotelname{font-size:30px;margin:5px auto 8px;letter-spacing:3px }
.logo .address{font-size:14px;font-weight: 200;position: relative;width:500px;text-align: center;margin:0 auto;}

.logo .address:before,.logo .address:after
    {
        position:absolute;
        background:#ccc;
        content:"";
        height:1px;
        top:50%;
        width:100px;
    }
.logo .address:before{left:10px;}
.logo .address:after{right:10px;}


.reserve_{width:100%;background:#252d3a;padding:15px 0}
.reserve{width:700px;margin:30px auto 0;display: inline-block;}

.reserve .times{width:80%;height:40px;background:#fff;float:left;margin-top:5px}
.reserve .times .choose{width:50%;height:100%;float:left;position: relative;}

.enterHotel{}
.leaveHotel{border-left:1px #000 solid;box-sizing:border-box;-webkit-box-sizing:border-box;}

.choose .wenzi{position: absolute;bottom:100%;left:0;color:#fff;line-height:40px;text-indent:7%;width: 100%;text-align: left;}
.choose .datepicker{float:left;width:70%;height:100%}

.choose input{background:none;width:100%;float: left;height:100%;display: block;border:none;font-size:18px;line-height:40px;text-indent:10%}
.choose i{display: block;width:10%;height:40px;text-align: center;line-height:40px;float:right;margin-right:5%;font-size:18px}

.fasong{background:#fb1b65;color:#000;display: inline-block;border-radius:30px;float:right;width:18%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px}
.fasong:hover{background:#fff;color:#fb1b65}





.nav_{width:100%;height:40px;background:#252d3a}
.nav{text-align:center;}
.nav li{width:10%;float: left;margin-left:1.25%;position: relative;}
.nav li:first-child{margin-left:0}
.nav li>a{color:#fff;display: block;height:40px;line-height:40px;width:100%;box-sizing: border-box;-webkit-box-sizing:border-box;font-size:16px}

.nav li>a:hover{background:#505762;border-bottom:3px #fb1b65 solid}
.nav li.cur>a{background:#505762;border-bottom:3px #fb1b65 solid}

.nav li dl{width:100%;position: absolute;bottom:100%;left:0;z-index: 90;display: none;}
.nav li dl dd{width:100%;float:left}
.nav li dl dd a{display: block;width:100%;padding:10px 0;background:rgb(37,45,58,0.6);color:#fff;text-align: center;}
.nav li dl dd a:hover{background:rgb(37,45,58,0.9);}


.banner{width:100%;position: relative;overflow: hidden;z-index:40;}
.pics,.pics li{width:100%;height:100%;}
.pics{overflow:hidden;position:relative;z-index:50}
.pics li{position:absolute;left:0;top:0;width:100%;}
.pics li img{display:block;width:100%;position:absolute;left:50%;top:50%;z-index: 51;}

.target{height:10px;width:auto;position: absolute;bottom:20px;left:50%;z-index:60}
.target li{display: block;float:left;width:10px;height:10px;border-radius: 10px;background:rgb(255,255,255,0.4);cursor: pointer;margin-left:8px}
.target li:first-child{margin-left:0}
.target li.cur{background:rgb(255,255,255,0.8)}

.qiehuan{position: absolute;left:50%;top:50%;height:60px;margin:-30px 0 0 -600px;z-index:70;display: none;}
.qiehuan div{cursor: pointer;display: flex;background:rgb(0,0,0,0.8);color:#fff;opacity: 0.5;transition: all .3s ease-out;width:45px;height:100%}
.qiehuan i{font-size:36px;margin: auto;}
.qiehuan div:hover{opacity: 1;}
.banner .prev{float:left}
.banner .next{float: right;}

.banner:hover .qiehuan{display: block;}



.inCom{width: 100%;display: inline-block;background:url(../image/logo.png) right bottom no-repeat;float: left;}
.inComLeft{width:42%;float: left;}
.inComLeft img{display: block;width: 100%;}
.inComRight{width:58%;float: right;padding:4vw 10% 0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.inComRightTit{font-size:2vw;color:#252d3a}
.inComRightTit img{display: block;max-width: 100%;}
.inComRightCon{font-size:0.8vw;padding:1vw 0;line-height:2}

.inPro_{width: 100%;display: inline-block;background:#252d3a;float: left;position: relative;}
.inPro{position: relative;z-index:40;padding:20vh 0 35vh;}
.inProText{color:#fff;text-align: center;font-size:1.8vw;line-height: 1.8;font-weight: 200;letter-spacing:0.2vw;position: relative;z-index:50;}
.inProText>center>a{font-size:15px;color:rgba(255,255,255,0.7);padding-bottom:3px;border-bottom:1px rgba(255,255,255,0.7) solid ;}
.inProText>center>a:hover{color:rgba(255,255,255,1);border-bottom:1px rgba(255,255,255,1) solid}

.inPro .sinceTime{width:100%;position: absolute;left: 0;top:5vh;z-index: 45;font-size:10vw;text-align: center;font-style: italic;color:#252d3a;text-shadow:0 0 1px rgba(255,255,255,0.5);font-weight: bold;letter-spacing:0;
	transform: scale(1,1.5);
    -ms-transform: scale(1,1.5);
    -webkit-transform: scale(1,1.5);
    -moz-transform: scale(1,1.5);
    -o-transform: scale(1,1.5);}
.inPro .sinceTime span{font-size:21vw}

.inPro .fastRef{width: 100%;position: absolute;bottom:-20vh;z-index: 60;}
.inPro .fastRef a{display: inline-block;float: left;width: 48%;position: relative;}
.inPro .fastRef a img{display: block;width: 100%;position: relative;z-index:60}
.inPro .fastRef a .bg{position: absolute;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.2);z-index: 65;transition: all .3s ease-out;}
.inPro .fastRef a:hover{transform:translateY(-10px)}
.inPro .fastRef a:hover .bg{background:rgba(0,0,0,0.3);}

.inPro .fastRef a .fastRefTit_{padding:5px;position: absolute;width:54%;height:28%;left:23%;top:36%;z-index: 70;border:1px rgba(255,255,255,0.6) solid;box-sizing:border-box;-webkit-box-sizing:border-box;}
.inPro .fastRef a .fastRefTit{width:100%;height:100%;border:3px rgba(255,255,255,0.6) solid;text-align: center;float: left;box-sizing:border-box;-webkit-box-sizing:border-box;}
.inPro .fastRef a .fastRefTit p{color:#fff}
.inPro .fastRef a .fastRefTit p.p1{font-size:1.6vw;padding-top:2.5vh}
.inPro .fastRef a .fastRefTit p.p2{font-size:1vw}



.jBox { width:92%; margin:20px auto }
.jBoxTit { width:100%; padding:0; float:left; font-size:16px; font-weight:bold; color:#000 }
.jBoxTime { width:100%; padding:10px 0; float:left; border-bottom:1px #999 solid; margin-bottom:15px; color:#999 }
.newsView p { color:#666; padding:6px 0; line-height:20px }
.newsView img { display:block; max-width:100% }
.anniu { width:100%; margin:15px 0 30px }
.anniu li { width:100%; float:left; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px #f1f1f1 solid; margin:10px 0 0 }
.anniu li, .anniu li font { color:#666 }
.naniu li a { color:#333 }
.conTop { width:100%; background:url(http://xianheng.sxyunwang.com/public/pc/images/bg.png) #fff; padding:50px 20%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.conTop p { text-transform:uppercase; text-align:center }
.conTop p.p1 { color:#e8e8e8; font-size:64px; font-weight:bold }
.conTop p.p2 { color:#CCC; line-height:24px }
.conText { margin:70px auto; position:relative }
.conTit { width:100%; text-align:center; font-size:26px; color:#000; line-height:24px; letter-spacing:1px; line-height:30px; text-transform:uppercase; font-weight:bold }
.conTit small { font-size:18px; font-weight:100; text-transform:uppercase; letter-spacing:0px; color:#CCC; }
.conview { width:100%; margin-top:50px }
.conview p { width:33.333%; float:left; text-align:center; font-size:14px; color:#777; height:30px; border-right:1px #CCCCCC solid; box-sizing:border-box; -webkit-box-sizing:border-box; }
 .conview p:nth-child(3) {
border-right:none
}
 .conview p:nth-child(6) {
border-right:none
}
.mapLink { display:block; width:300px; height:50px; background:#e4363b; border-radius:30px; position:absolute; bottom:-95px; left:50%; margin-left:-150px; text-align:center; color:#fff; line-height:50px; font-size:14px }
.mapLink i { padding-right:5px }
.mapLink:hover { background:#bf2a2f; color:#fff }
.conMes_ { width:100%; background:#f5f5f5; padding:50px 0 }



.foot{width:100%;background:#1c1c1c;padding:6vh 0;margin-top:10vh}
.pp{width: 94%;margin: 0 auto;}
.foot ul li{float:left}
.foot ul li:nth-child(1){width:35%}
.foot ul li:nth-child(2){width:35%}
.foot ul li:nth-child(3){width:30%}
.foot ul li p{}
.foot ul li p.p1{color:#FFFFFF;}
.foot ul li p.p2{color:#858585;padding:2vh 0 1.5vh}
.foot ul li div{display:flex}
.foot ul li .mmm{width:3.5vw;height:3.5vw;border:1px #6c6c6c solid;color:#6c6c6c;font-size:2vw;border-radius:2px;}
.foot ul li .mmm i{margin:auto}
.foot ul li .share a{color:#858585}
.foot ul li .f-ewm img{display:block;width:5vw;height:5vw;opacity: 0.6}

.bottom_{width:100%;background:#171717;height:4vh}
.bottom{height:100%;}
.bottom a,.bottom div,bottom ul li{color:#858585}
.bottom a:hover{color:#D1D1D1}

.bottom ul{float:left;}
.bottom ul li{float:left;line-height:4vh;}
.bottom ul li a{padding:0 1vw;}

.bottom .icp{float:right;height:100%;line-height:4vh}


#backTop{position:fixed;display:none;bottom:17vh;right:3%;width:4vw;height:4vw;background:#777475;z-index:999999999999999999;transition: all .5s ease-out;}
#backTop a{display:block;width:100%;height:100%;text-align:center;color:#fff;line-height:1vh;}
#backTop:hover{background:#858585}




.subBan{width:100%;}
.subBan img{display: block;width: 100%;}
.subNav{margin:0 auto 30px}
.subNav .subTypeName{width:100%;float:left;font-size:36px;text-transform:uppercase;letter-spacing:20px;text-align:center;padding:60px 0 25px;color:#afafaf}
.subNav dl{display:inline-block !important; display:inline;margin:0 auto}
.subNav dl dd{float:left;}
.subNav dl dd a{margin:0 30px;font-size:16px;color:#CCC}
.subNav dl dd a.cur{color:#000}
.subNav dl dd a:hover{color:#000}

.subTypeDescription{width: 100%;padding:20px 10px;background:#f1f1f1;box-sizing:border-box;-webkit-box-sizing:border-box;margin-top:20px;border-left: 3px #fb1b65 solid;border-right: 3px #fb1b65 solid;text-align: center;color:rgba(0,0,0,0.5);font-size:14px}


.text{text-indent:2em}
.text img{display:block;max-width:100%;}
.text p,.text div,.text span{line-height:24px;text-indent:0}




.news { margin:20px auto;}
.news li { float:left; height:220px; width:100%; padding:10px 1%; border:1px #ececec solid; box-sizing:border-box; -webkit-box-sizing:border-box; margin:10px 0; transition: all .3s ease-out
}
.newsLeft { width:30%; height:100%; float:left }
.newsLeft img { display:block; height:100%; margin:0 auto; max-width:100% }
.newsRight { width:68%; height:100%; float:right }
.newsTit { width:100%; float:left; padding:10px 0 }
.newsTit a { color:#000; font-weight:bold; font-size:18px }
.newsTit a:hover { text-decoration:underline }
.newsRight .date { float:left; display:inline-block !important; display:inline; border-bottom:1px #000 solid; padding-bottom:10px; font-size:16px; position:relative; z-index:35 }
.newsRight .summary { width:100%; float:left; padding-top:10px; border-top:1px #ececec solid; margin-top:-1px; position:relative; z-index:30; font-size:14px; line-height:24px }
.news li:hover { box-shadow: 0px 0px 10px #888888; }


.photo{display:flex;flex-wrap:wrap;}
.photo li{ width: 23.5%; margin: 20px auto 0; background: #fff; box-sizing: border-box;  transition:all .3s ease-out;}
.photo li:nth-child(4n){ margin-right: 0;}
.photo li a{display: block;width:100%}
.photo li a img{display:block; width:100%;height:190px}
.photo li a p{display: block;width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 5px;text-align: center;border: 1px solid #e6e6e6; box-sizing: border-box;color:#333}
.photo li:hover p{background: #e6e6e6}



.kf{height:auto}
.kf li{width:100%;height:auto;float: left;padding:3vh 3vw;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px #d8d8d8 solid;transition: all .3s ease-out;margin:10px 0}
.kf li:hover{box-shadow: 0px 0px 10px #888888;}

.kf li .kfTit{width:100%;float: left}
.kf li .kfTit p{display: block;float:left;color:#000;font-size: 24px;padding-right:10px}
.kf li .kfTit a{display:block;float:left;padding:5px 10px;;background:#fb1b65;color:#fff;border-radius:10px;cursor: pointer;}
.kf li .kfTit a:hover{background:#ba003d}

.kf li .kfDescription{width:100%;float:left;border-bottom:1px #d8d8d8 dotted;padding:5px 0 5px}

.kf li dl{width:100%}
.kf li dl dd{float:left;padding:15px 1.5vw 0 0}
.kf li dl dd img{display: block;height:150px;border-radius:10px;}



#pages { padding:14px 0 10px; text-align:center;clear: both;margin-top: 20px;}
#pages a{
	display: inline-block;
	padding:8px 15px;
	margin-left:8px;
	color:#666;border:1px #999 solid;border-radius:5px;
	margin-bottom: 10px;
}
#pages a.a1{
		padding:6.5px 15px;
	}
#pages a:hover{
	color:#333;border:1px #333 solid;
}
#pages span{
    padding:8px 15px;
	margin-left:8px;
	color:#e8e8e8;border:1px #e8e8e8 solid;border-radius:5px;
}
@media(max-width: 600px){
	#pages a{
		padding:5px 10px;
	    margin-left:4px;
		font-size: 12px;
	}
	#pages a.a1{
		padding:4px 10px;
	    margin-left:4px;
	}
	#pages span{
		padding:5px 10px;
	    margin-left:4px;
	}
}




.messageBox{width:800px;padding:10px;border:1px #dedede solid;display:inline-block !important; display:inline;margin:50px auto 20px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.message{margin:0 auto;border:1px #dedede solid;padding:150px 15% 30px 10%;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;}
.messageTit{width:100%;border-bottom:1px #dedede solid;padding:30px 60px;box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;top:0;left:0}
.messageTit p{text-align:left;color:#666;}
.messageTit p.p1{font-size:36px}
.messageTit p.p2{font-size:16px;margin-top:10px}







.calendar {
	position: relative;
	font-size: 12px;
	border-collapse: collapse;
	margin: 0; padding: 0;
	z-index: 4;
	border:1px solid rgba(0,0,0,0.08);
	width: 250px;
	color: #000;
	text-align: center;
	background-color: #FFF;
	z-index: 90;
}
.calendar th,
.calendar td {
	text-align: center;
	-webki-ttransition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.calendar th:first-child,
.calendar td:first-child {
	margin-left: 5px;
}
.calendar span {
	padding: 6px 4px; 
	display: block;
}
.calendar .month {
	padding: 15px;
}

.calendar .pMDate, .calendar .nMDate { color: #AAA; }
.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month { cursor: pointer; }
.calendar .date.disabled, .calendar .pMDate.disabled, .calendar .nMDate.disabled { cursor: not-allowed; }
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #E2E2E2; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active { background-color: #22A7F0; color: #FFF; }
.calendar .selected {
	background-color: #22A7F0 !important;
	color: #FFF !important;
}

.calendar tr:first-child th {
	background-color: #FFF;
	padding: 4px;
	padding-top: 8px;
	font-size: 14px;
}
.calendar tr:first-child th { cursor: pointer; color:#000; }
.calendar tr:first-child th:hover { color:#22A7F0; }
.calendar tr:first-child th:active { color: #22A7F0; }
.calendar thead tr:nth-child(2) th { color: #555; padding: 8px 3px; }
.calendar #prev, .calendar #next {
	font-family: 'Times New Roman';
	font-size: 20px;
	padding: 0;
}
.calendar #today {
	text-align: center; cursor: pointer;
	color: #22A7F0; padding: 10px 6px;
}
.calendar #today:hover { color: #80A7DD; }
.calendar #today:active { color: #000; }
.calendar #currDay { color:#22A7F0; }



.pop_{position:fixed;width:100%;height:100%;z-index: 150;top:0;left:0;display: none;}
.pBg{width: 100%;height:100%;background:rgba(0,0,0,0.3);z-index: 155;background:rgba(0,0,0,0.3);}
.pop{width:80%;height:80%;position: absolute;top:10%;left:10%;z-index: 160;background:#fff;padding:10%;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 10px;}

.pCon{position: absolute;left:3%;top:5%;width:95%;height:90%;padding-right:1%;box-sizing:border-box;-webkit-box-sizing:border-box;}

.pClose{position: absolute;right:-15px;top:-15px;width:30px;height:30px;border-radius: 30px;background:#fff;box-shadow: 0 0 6px #888888;text-align: center;line-height: 30px;font-size:24px;cursor: pointer;transition: all .3s ease-out}
.pClose:hover{background:#000;color:#fff}

.hd{
    overflow-x:hidden;
    overflow-y:auto;
}
 

.hd{
    scrollbar-face-color: #252d3a;
    scrollbar-shadow-color: #20a774;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #252d3a;
}
.hd::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
}
.hd::-webkit-scrollbar
{
    width: 6px;
    background-color: #fff;
}
 
.hd::-webkit-scrollbar-thumb
{
    background-color: #b7b7b7;
}