@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#666;}
a:hover{ color:#000;}
a:focus{outline:none;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
var{font-family:'思源黑体', Arial, Helvetica, sans-serif; font-style:normal;}
var{ font-family:'思源黑体', Arial, Helvetica, sans-serif; padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5 '思源黑体', Arial, Helvetica, sans-serif; padding:0; margin:0; font-style:normal;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

body{font-family: '思源黑体', Arial, Helvetica, sans-serif;font-size: 12px;overflow-x: hidden;background: #fff;}
.backToTop{ width:50px; height:65px; background:url(../images/BackTop.jpg) no-repeat; position:fixed; bottom:150px; cursor:pointer; display:none;}

/*首页*/
.bodymain{width:100%;overflow: hidden;position: relative;}
.container,.container-fluid{padding:0;}
.container{ min-width:320px;}
.container .row{ margin:0;}
.visible-xs{ display:none !important;}
.is-allmenu{ overflow:hidden;}

@-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0,-50%,0);
                transform: translate3d(0,-50%,0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }

@keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0,-50%,0);
                -ms-transform: translate3d(0,-50%,0);
                transform: translate3d(0,-50%,0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }
@-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 50%, 0);
                transform: translate3d(0, 50%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
@keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 50%, 0);
                -ms-transform: translate3d(0, 50%, 0);
                transform: translate3d(0, 50%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }
@-webkit-keyframes fadeInOpacity {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

@keyframes  fadeInOpacity {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

.wrapTopNav {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.wrapTopNav .topNavInner{ position:relative; z-index:1; margin:0 1.9%;}
.wrapTopNav .topNavInner .menu {
	cursor:pointer;
	display: inline-block;
	position: absolute;
	top: 22px;
	left: 0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 19px;
	color: #896d4c;
	background: #fef8fa;
	border-radius: 50%;
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.wrapTopNav .topNavInner .menu span {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin-left: 22px;
	word-break: break-all;
	line-height: 1;
	vertical-align: middle;
	letter-spacing: .3em;
	-webkit-transition: color .7s;
	-o-transition: color .7s;
	transition: color .7s
}

.wrapTopNav .topNavInner .menu:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	height: 0;
	width: 0;
	opacity: 0;
	-webkit-transition: all 0.7s cubic-bezier(0.25, 0.19, 0.64, 1.36);
	-o-transition: all 0.7s cubic-bezier(0.25, 0.19, 0.64, 1.36);
	transition: all 0.7s cubic-bezier(0.25, 0.19, 0.64, 1.36);
	background-color: #896d4c;
	border-color: #896d4c;
}

.wrapTopNav .topNavInner .logo{ text-align:center;}
.wrapTopNav .topNavInner .logo a{ display:inline-block;}
.wrapTopNav .topNavInner .logo .icon{ width:176px; height:127px; display:block; margin:0 auto; background:url(../images/icon/logo.png) center center no-repeat; background-size:176px auto; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.wrapTopNav .topNavInner .logo .icon:hover{ background-image:url(../images/icon/logo-on.png);}

.wrapTopNav .topNavInner .quick-entry-right{ position:absolute; top:44px; right:0; line-height:40px;}
.wrapTopNav .topNavInner .quick-entry-right .booking,.wrapTopNav .topNavInner .quick-entry-right .gift,.wrapTopNav .topNavInner .quick-entry-right .booking-on,.wrapTopNav .topNavInner .quick-entry-right .gift-on,.wrapTopNav .topNavInner .quick-entry-right .entry{ display:inline-block; font-size:18px; color:#999a9d; cursor:pointer; position:relative; margin-left:50px;}
.wrapTopNav .topNavInner .quick-entry-right .icon{ display:inline-block; width:38px; height:38px; line-height:38px; border:1px solid #999a9c; border-radius:100%; font-style:normal; border-radius:100%; text-align:center; font-size:22px; position:relative; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.wrapTopNav .topNavInner .quick-entry-right span{ margin-left:20px;}
.wrapTopNav .topNavInner .quick-entry-right span i{ font-style:normal; font-weight:bold; position:absolute; right:0;}
.wrapTopNav .topNavInner .quick-entry-right .contact .icon:after{content: ''; width:100%; height:100%; background:url(../images/icon/quick-contact-icon1.png) center center no-repeat; position:absolute; top:0; left:0;}
.wrapTopNav .topNavInner .quick-entry-right .login .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{content: ''; width:100%; height:100%; background:url(../images/icon/quick-login-icon1.png) center center no-repeat; position:absolute; top:0; left:0;}
.wrapTopNav .topNavInner .quick-entry-right .booking:hover,.wrapTopNav .topNavInner .quick-entry-right .gift:hover,.wrapTopNav .topNavInner .quick-entry-right .booking-on:hover,.wrapTopNav .topNavInner .quick-entry-right .gift-on:hover,.wrapTopNav .topNavInner .quick-entry-right .entry:hover{ color:#fff;}
.wrapTopNav .topNavInner .quick-entry-right .booking:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .gift:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .booking-on:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .gift-on:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .login:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .login-n:hover .icon{ background-color:#fff; border-color:#fff; color:#000;}
.wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon:after{ background-image:url(../images/icon/quick-contact-icon1-on.png);}
.wrapTopNav .topNavInner .quick-entry-right .login:hover .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login-n:hover .icon:after{ background-image:url(../images/icon/quick-login-icon1-on.png);}
.wrapTopNav .topNavInner .quick-entry-right .login-n .user{ float:right; line-height:20px;}
.wrapTopNav .topNavInner .quick-entry-right a{ color:#999a9d;}
.wrapTopNav .topNavInner .quick-entry-right .booking:hover a,.wrapTopNav .topNavInner .quick-entry-right .gift:hover a,.wrapTopNav .topNavInner .quick-entry-right .booking-on:hover a,.wrapTopNav .topNavInner .quick-entry-right .gift-on:hover a,.wrapTopNav .topNavInner .quick-entry-right .contact:hover a,.wrapTopNav .topNavInner .quick-entry-right .login:hover a,.wrapTopNav .topNavInner .quick-entry-right .login-n:hover a{ color:#fff;}


.wrapTopNav .login-box{ width:100%; height:60px; background-color:#17191b; position:absolute; right:0; bottom:-60px; display:none;-webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.wrapTopNav .login-box .container{ float:right; padding:0 20px 0 0;}
.wrapTopNav .login-box .inputText{ float:left; width:210px; height:20px; line-height:20px; background-color:#e6e6e6; border:0; padding:14px 10px; font-size:18px; margin-right:10px;}
.wrapTopNav .login-box .inputBtn{ float:left; width:70px; height:48px; background-color:#c1986e; border:0; font-size:18px; color:#fff; margin-right:25px; cursor:pointer; outline:none; -webkit-appearance:none;}
.wrapTopNav .login-box .loginLink{ float:left; font-size:18px; line-height:1.4;}
.wrapTopNav .login-box .loginLink a{ display:block; color:#c1986e;}


.wrapTopNav .booking-box{ width:100%; height:120px; background-color:#17191b; position:absolute; right:0; bottom:-120px; display:none;}
.wrapTopNav .booking-box .container{ float:right; padding:0 20px 0 0;}
.flight_destination,.flight_date{ float:left; margin-right:8px; position:relative;}
.flight_destination .inputText{ width:210px; height:20px; line-height:20px; font-size:18px; border:0; padding:14px 10px; background-color:#e6e6e6;}
.flight_destination .FdestinationBox{ width:275px; background-color:#e6e6e6; position:absolute;top:48px; left:0; display:none;}
.FdestinationBox p{ margin-top:10px; color:#888c91; padding-left:12px;}
.FdestinationBox ul{ margin-top:10px;}
.FdestinationBox li{ height:33px; line-height:33px; color:#888c91; padding:0 12px; cursor:pointer; overflow:hidden;}
.FdestinationBox li a{ color:#888c91;}
.FdestinationBox li.current{ background-color:#ee6427; color:#fff;}
.FdestinationBox li.current a{ color:#fff;}
.FdestinationBox li .Left{ float:left;}
.FdestinationBox li .Right{ float:right;font-family: "Times New Roman", Times, serif;}

.flight_date .inputText{ width:210px; height:20px; line-height:20px; font-size:18px; border:0; padding:14px 10px; background:url(../img/icon/dateIco.png) 195px center no-repeat #e6e6e6;}
.flight_between{ float:left; width:185px; background-color:#e6e6e6; margin-right:8px; overflow:hidden; position: relative}
.flight_between .choose_num{height: 48px; width: 185px; background: none; border: none; font-size: 18px; color:#000; padding-left: 10px;}  
.flight_between .unit{position: absolute; z-index: 10; right:31px; top:12px; font-size: 18px;}
.flight_between .prev,.flight_between .next{ float:left; width:28px; height:28px; background:url(../img/icon/BetweenSymbolIco.png) 0 0 no-repeat; margin-top:10px; margin-right:20px;}
.flight_between .next{ background-position:-28px 0; margin-right:0; float:right;}
.flight_between .prev.current{ background-position:0 -28px;}
.flight_between .next.current{ background-position:-28px -28px;}
.flight_between .prev.hover:hover{ background-position:0 -28px;}
.flight_between .next.hover:hover{ background-position:-28px -28px;}
.flight_between .inputText{ float:left; width:30px; height:20px; line-height:20px; font-size:18px; padding:14px 0; border:0; text-align:center; background-color:#e6e6e6;}
.flight_between span{ float:left; font-size:18px; height:48px; line-height:48px;}
.flight_reservations{ float:left; width:126px; height:48px; line-height:48px; background-color:#c1986e; text-align:center; font-size:18px;}
.flight_reservations a{ display:block; color:#fff;}

.wrapTopNav .booking-box .BHBbot{ margin-top:10px; line-height:48px; font-size:18px;}
.seniorReservationlinks{ float:left;}
.seniorReservationlinks a{ display:inline-block; color:#c1986e;display:none;}
.seniorReservationBox .inputText{ width:210px; height:20px; line-height:20px; font-size:18px; border:0; padding:14px 10px; background-color:#e6e6e6;}
.wrapTopNav .booking-box .BHBbot .viewOrder{ float:right;}
.wrapTopNav .booking-box .BHBbot .viewOrder a{ display:inline-block; color:#c1986e;}










.wrapTopNav:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #17191b;
	opacity: .7;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
.is-scrollDowned .wrapTopNav:after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.is-topClicked .wrapTopNav:after {
	opacity: 1;
}

.is-scrollDowned .wrapTopNav .topNavInner .logo .icon{ background-image:url(../images/icon/logo-on.png);}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .icon{ border:1px solid #c1986e; color:#c1986e;}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .booking,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .gift,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .booking-on,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .gift-on,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .entry{ color:#c1986e;}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .contact .icon:after{ background-image:url(../images/icon/quick-contact-icon2.png);}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .login .icon:after,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ background-image:url(../images/icon/quick-login-icon2.png);}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .booking:hover .icon,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .gift:hover .icon,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .booking-on:hover .icon,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .gift-on:hover .icon,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .login:hover .icon,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .login-n:hover .icon{ background-color:#c1986e; border-color:#c1986e;}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon:after{ background-image:url(../images/icon/quick-contact-icon1-on.png);}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .login:hover .icon:after,.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right .login-n:hover .icon:after{ background-image:url(../images/icon/quick-login-icon1-on.png);}
.is-scrollDowned .wrapTopNav .topNavInner .quick-entry-right a{ color:#c1986e !important;}

.is-scrollLogin .wrapTopNav:after,.is-scrollBooking .wrapTopNav:after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}




.allmenu{ width:100%; height:100%; position: fixed;top: 0;left: 0; z-index:99999;overflow: hidden;opacity: 1;background:url(../images/icon/menu-bg.jpg) no-repeat center center;background-size: cover; display:none}
.allmenu .js-close {
    position: absolute;
	top: 120px;
    right: 120px;
}

.allmenu .lan-change{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 14px;
	margin-top: -30px;
}

.allmenu .lan-change span{
	color: #ccc;
	margin: 0 5px;
}

.allmenu .lan-change a:hover,.allmenu .lan-change a{
	color: rgba(255, 255, 255, 0.5);
}
.allmenu .js-close i {
	display: block;
    background-image: url(../images/icon/icon_modal_close.png);
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
	-webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.allmenu .js-close:hover i{transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.allmenu .menuwrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 550px;
    margin: -275px 0 0 -498px;}
.allmenu div.d1 {
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 240px;
    height: 240px;
    margin: 0;
}
@-webkit-keyframes coursePointCXl {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3);
		transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3)
	}

	50% {
		opacity: .5;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.8, 1.8, 1.8);
		transform: translate3d(0, 0, 0) scale3d(1.8, 1.8, 1.8)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3);
		transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3)
	}
}

@keyframes coursePointCXl {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3);
		transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3)
	}

	50% {
		opacity: .5;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.8, 1.8, 1.8);
		transform: translate3d(0, 0, 0) scale3d(1.8, 1.8, 1.8)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3);
		transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3)
	}
}


@-webkit-keyframes coursePointA {
	0% {
		-webkit-transform: scale3d(0.03, 0.03, 0.03);
		transform: scale3d(0.03, 0.03, 0.03)
	}

	50% {
		opacity: .5;
		-webkit-transform: scale3d(0.06, 0.06, 0.06);
		transform: scale3d(0.06, 0.06, 0.06)
	}

	to {
		-webkit-transform: scale3d(0.03, 0.03, 0.03);
		transform: scale3d(0.03, 0.03, 0.03)
	}
}

@keyframes coursePointA {
	0% {
		-webkit-transform: scale3d(0.03, 0.03, 0.03);
		transform: scale3d(0.03, 0.03, 0.03)
	}

	50% {
		opacity: .5;
		-webkit-transform: scale3d(0.06, 0.06, 0.06);
		transform: scale3d(0.06, 0.06, 0.06)
	}

	to {
		-webkit-transform: scale3d(0.03, 0.03, 0.03);
		transform: scale3d(0.03, 0.03, 0.03)
	}
}
@-webkit-keyframes coursePointB {
	0% {
		-webkit-transform: scale3d(0.1, 0.1, 0.1);
		transform: scale3d(0.1, 0.1, 0.1)
	}

	50% {
		opacity: .7;
		-webkit-transform: scale3d(0.2, 0.2, 0.2);
		transform: scale3d(0.2, 0.2, 0.2)
	}

	to {
		-webkit-transform: scale3d(0.1, 0.1, 0.1);
		transform: scale3d(0.1, 0.1, 0.1)
	}
}
@keyframes coursePointB {
	0% {
		-webkit-transform: scale3d(0.1, 0.1, 0.1);
		transform: scale3d(0.1, 0.1, 0.1)
	}

	50% {
		opacity: .7;
		-webkit-transform: scale3d(0.2, 0.2, 0.2);
		transform: scale3d(0.2, 0.2, 0.2)
	}

	to {
		-webkit-transform: scale3d(0.1, 0.1, 0.1);
		transform: scale3d(0.1, 0.1, 0.1)
	}
}
.allmenu div.d1 .module:after, .allmenu div.d1 .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -70px;
    width: 140px;
    height: 140px;
    border: 2px #fff solid;
    border-radius: 50%;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.allmenu div.d1 .module:after, .allmenu div.d1 .module:before {
    margin: -145px 0 0 -145px;
    width: 290px;
    height: 290px;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
}

.allmenu div.d1 .module:after {
	background: #fff;
    -webkit-transform: scale(0.03);
    -ms-transform: scale(0.03);
    transform: scale(0.03);
}
	
.allmenu div.d1 a.d1,.allmenu div.d1 .bg {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 240px;
    height: 240px;
    line-height: 340px;
    margin: -120px 0 0 -120px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: .2em;
    border-radius: 50%;
    background-position: center center;
/*    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);*/
    -webkit-transition: all .6s ease 0s, height .6s ease 0s, margin .6s ease 0s, -webkit-filter .6s ease 0s;
    transition: all .6s ease 0s, height .6s ease 0s, margin .6s ease 0s, -webkit-filter .6s ease 0s;
    -o-transition: all .6s ease 0s, height .6s ease 0s, margin .6s ease 0s, filter .6s ease 0s;
    transition: all .6s ease 0s, height .6s ease 0s, margin .6s ease 0s, filter .6s ease 0s;
    transition: all .6s ease 0s, height .6s ease 0s, margin .6s ease 0s, filter .6s ease 0s, -webkit-filter .6s ease 0s;
}

.allmenu div.d1 .bg:before {
	content: '';
	position:absolute;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -70px;
    width: 140px;
    height: 140px;
    border: 1px #fff solid;
    border-radius: 50%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
	opacity:.5;
}

.allmenu .module:hover .bg:before {
    -webkit-animation: coursePointCXl 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    animation: coursePointCXl 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}
.allmenu .module:hover:before {
    -webkit-animation: coursePointB 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    animation: coursePointB 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}
.allmenu .module:hover:after {
    -webkit-animation: coursePointA 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    animation: coursePointA 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}

.allmenu div.d1.nth-child-1 .bg {
    background-image:url(../images/icon/menu-li-pic1-gray.png);}
.allmenu div.d1.nth-child-2 .bg {
    background-image: url(../images/icon/menu-li-pic2-gray.png);
}
.allmenu div.d1.nth-child-3 .bg {
    background-image: url(../images/icon/menu-li-pic3-gray.png);
}
.allmenu div.d1.nth-child-4 .bg {
    background-image: url(../images/icon/menu-li-pic4-gray.png);
}
.allmenu div.d1.nth-child-5 .bg {
    background-image: url(../images/icon/menu-li-pic5-gray.png);
}
.allmenu div.d1.nth-child-1:hover .bg {
	background-image:url(../images/icon/menu-li-pic1.png);}
.allmenu div.d1.nth-child-2:hover .bg {
	background-image: url(../images/icon/menu-li-pic2.png);
}
.allmenu div.d1.nth-child-3:hover .bg {
	background-image: url(../images/icon/menu-li-pic3.png);
}
.allmenu div.d1.nth-child-4:hover .bg {
	background-image: url(../images/icon/menu-li-pic4.png);
}
.allmenu div.d1.nth-child-5:hover .bg {
	background-image: url(../images/icon/menu-li-pic5.png);
}
.allmenu div.d1:hover a.d1,.allmenu div.d1:hover .bg {
    /*width: 260px;
    height: 260px;
    line-height: 400px;
    margin: -130px 0 0 -130px;*/
    text-decoration: none;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.allmenu div.d1 ul {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 10px;
    left: 260px;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    overflow: initial;
    max-height: 500px;
    max-height: initial;
    text-align: left;
    background: url(../images/icon/menu_d2_bg_desktop.png) repeat-y left top;
}
.allmenu div.d1 ul li {
    margin-top: 15px;
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: all .6s ease 1s;
    -o-transition: all .6s ease 1s;
    transition: all .6s ease 1s;
}
.allmenu .menuwrap div.d1.nth-child-1 ul,.allmenu .menuwrap div.d1.nth-child-5 ul{
    top: 75px;
}

.allmenu div.d1 ul li:first-child {
    margin-top: 0;
}
.allmenu div.d1 ul li a.d2 {
    display: block;
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    -o-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s;
    position: relative;
    padding: 0 0 0 24px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-align: left;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
}
.allmenu div.d1 ul li a.d2:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: transparent;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.allmenu div.d1 ul li.in a.d2:after, .allmenu div.d1 ul li a.d2:hover:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #b3a484;
}
.allmenu div.d1 ul li.in a.d2, .allmenu div.d1 ul li a.d2:hover {
    opacity: 1;
    color: #b3a484;
}


.allmenu.is-allmenu-delayed .menuwrap div.d1 {
    /* -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    margin: 0;
    -webkit-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s; */
}
.allmenu.is-allmenu-delayed .menuwrap div.d1 .module a.d1,.allmenu.is-allmenu-delayed .menuwrap div.d1 .module .bg {
    position: absolute;
    left: 50%;
    top: 50%;
}
.allmenu.is-allmenu-delayed .menuwrap div.d1 .module a.d1{ z-index:2;}
.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-1 {
    top: 0;
    left: 200px;}
.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-2 {
    top: 0;
    left: 560px;
}
.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-3 {
    top: 310px;
    left: 0;
}
.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-4 {
    top: 310px;
    left: 380px;
}
.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-5 {
    top: 310px;
    left: 760px;
}

.allmenu.is-allmenu-delayed .menuwrap div.d1 ul {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .6s ease .5s;
    -o-transition: all .6s ease .5s;
    transition: all .6s ease .5s;
}
.allmenu.is-allmenu-delayed .menuwrap div.d1 ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-6{ display:none;}




.wrapFooter{ position:relative; z-index:5; background-color:#000; padding:50px 3% 55px 3%;}
.wrapFooter .top-box{ font-size:14px; color:#8c8b8b; padding-bottom:28px; border-bottom:2px solid #3c3c3c;}
.wrapFooter .top-box .language{ float:left; position:relative;}
.wrapFooter .top-box .language span{ padding-right:27px; cursor:pointer;}
.wrapFooter .top-box .language .eng{position: absolute;left: 0;right: 0;top: -140%;display: none;}
.wrapFooter .top-box .language .eng a{color:#8c8b8b;display: block;padding: 1px 2px;border: 1px solid #3c3c3c;}
.wrapFooter .top-box .language .eng a:hover{color:#c1986e;}
.wrapFooter .top-box .language span:after{ transition: 0.8s;content:'';transform: rotate(180deg); width:14px; height:8px; background:url(../images/icon/language-arrow.png) no-repeat; position:absolute; top:50%; margin-top:-4px; right:0;}
.wrapFooter .top-box .links{ float:left; margin-left:25px;}
.wrapFooter .top-box .links a{ margin:0 25px 0 20px;}
.wrapFooter .top-box .links a:hover{ color:#c1986e;}
.wrapFooter .top-box .copyright{ float:right;}
.wrapFooter .bottom-box{ margin-top:35px;}
.wrapFooter .bottom-box .logo{ float:left; width:157px;}
.wrapFooter .bottom-box .logo img{ display:block; width:100%;}
.wrapFooter .bottom-box .links-qr-code{ float:right; margin-top:8px;}
.wrapFooter .bottom-box .links-qr-code .icon{ float:left; width:44px; height:44px; margin-left:45px; position:relative;}
.wrapFooter .bottom-box .links-qr-code .icon a{ display:block; width:100%; height:100%;}
.wrapFooter .bottom-box .links-qr-code .icon.sina a{ background:url(../images/icon/sina-icon.png) center center no-repeat;}
.wrapFooter .bottom-box .links-qr-code .icon.weixin a{ background:url(../images/icon/weixin-icon.png) center center no-repeat;}
.wrapFooter .bottom-box .links-qr-code .icon.website a{ background:url(../images/icon/website-icon.png) center center no-repeat;}
.wrapFooter .bottom-box .links-qr-code .icon .cont{ width:120px; height:120px; position:absolute; top:-135px; left:50%; margin-left:-60px; display:none;}
.wrapFooter .bottom-box .links-qr-code .icon .cont img{ display:block; width:100%;}
.wrapFooter .bottom-box .links-qr-code .icon .cont:after{ content:'';width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 13px solid #fff; position:absolute; bottom:-13px; left:50%; margin-left:-9px;}

.qr-code-layer{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:99; display:none;}
.qr-code-layer .opacity{ background-color:#000; opacity:0.7; position:absolute; top:0; left:0; bottom:0; right:0;}
.qr-code-layer .cont{ width:260px; position:absolute; top:50%; left:50%; margin:-130px 0 0 -130px;}
.qr-code-layer .cont img{ display:block; width:100%;}

.home-banner{ position:relative; z-index:5;}
.home-banner .swiper-container{ width:100%; height:100%;}
.home-banner .swiper-slide{ position:relative;}
.home-banner .swiper-slide .swiper-bg{ width:100%; height:100%; background:center no-repeat; background-size:cover;-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all 6s; -o-transition: all 6s; transition: all 6s;}
.home-banner .swiper-slide-active .swiper-bg{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.05, 1.05, 1.05);}

.home-banner .pagination{ bottom:5%;}
.home-banner .swiper-pagination-switch{ width:10px; height:10px; margin:0 38px !important; opacity:1; background-color:#9a9999;}
.home-banner .swiper-active-switch{ background-color:#fff;}

.home-banner .swiper-slide .slogan-box{ width:100%; position:absolute; top:50%; margin-top:-30px; left:0; text-align:center; opacity:0;}
.home-banner .swiper-slide .slogan-box .top{ font-size:40px; color:#fef8fa; opacity:0.7; line-height:48px; font-family: "Times";}
.home-banner .swiper-slide .slogan-box .bottom{ font-size:36px; color:#c1986e; line-height:48px; margin-top:10px;}

.home-banner .swiper-slide .video-play{ width:172px; height:72px; line-height:72px; font-size:20px; color:#fff; border:2px solid #b2977c; border-radius:76px; padding-left:119px; position:absolute; left:50%; margin-left:-147.5px; bottom:17%; cursor:pointer; opacity:0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.home-banner .swiper-slide .video-play:after{ content: ''; width:28px; height:28px; background:url(../images/home-banner-play.png) no-repeat; position:absolute; top:50%; margin-top:-14px; left:78px;}

.home-banner .swiper-slide-active .slogan-box{
	opacity:1;
	-webkit-animation: fadeInDown 1s 1s both;
    animation: fadeInDown 1s 1s both;
}
.home-banner .swiper-slide-active .video-play{
	opacity:1;
    -webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp 1s 1.5s both;
}
.home-brand{ position:relative; z-index:5;}
.home-brand .home-brand-bg{ width:100%; height:100%; background:center no-repeat; background-size:cover;-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all 6s; -o-transition: all 6s; transition: all 6s;}

.home-brand .home-brand-box{ width:48%; position:absolute; top:38%; right:4%; color:#cacaca;}
.home-brand .home-brand-box .logo{ text-align:center; margin-bottom:30px; opacity:0;}
.home-brand .home-brand-box .title1{ text-align:center; font-size:40px; color:#fef8fa; opacity:0;}
.home-brand .home-brand-box .title2{ text-align:center; font-size:36px; color:#c1986e; opacity:0;}
.home-brand .home-brand-box .txt{ font-size:16px; color:#cacaca; line-height:30px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; opacity:0;}
.home-brand .home-brand-box .more{ width:291px; height:72px; line-height:72px; font-size:20px; color:#fff; border:2px solid #b2977c; border-radius:76px; background:url(../images/home-brand-more-arrow.png) 195px center no-repeat; margin:30px auto 0 auto; opacity:0;}
.home-brand .home-brand-box .more a{ display:block; color:#fff; padding-left:95px;}
.home-brand .home-brand-box dl{ opacity:0; font-size:16px;}
.home-brand .home-brand-box dl dd{ float:left; width:33%; text-align:center;}
.home-brand .home-brand-box dl dd .title{ font-size:36px; color:#c1986e;}


.home-brand.animation .home-brand-box .logo{ opacity:1; -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both;}
.home-brand.animation .home-brand-box .title1{ opacity:1; -webkit-animation: fadeInDown 1s 1s both; animation: fadeInDown 1s 1s both;}
.home-brand.animation .home-brand-box .title2{ opacity:1; -webkit-animation: fadeInDown 1s 1.5s both; animation: fadeInDown 1s 1.5s both;}
.home-brand.animation .home-brand-box .txt{ opacity:1; -webkit-animation: fadeInDown 1s 2s both; animation: fadeInDown 1s 2s both;}
.home-brand.animation .home-brand-box .more{ opacity:1; -webkit-animation: fadeInDown 1s 1.5s both; animation: fadeInDown 1s 1.5s both;}
.home-brand.animation .home-brand-box dl{ opacity:1; -webkit-animation: fadeInDown 1s 1s both; animation: fadeInDown 1s 1s both;}

.home-flow-bg{ width:100%; position:fixed !important; top:0; left:0; bottom:0; right:0;}
.home-flow{ position:relative; z-index:5;}
.home-flow .flow-content{ width:1000px; margin:0 auto; padding:175px 0 60px 0; position:relative; z-index:9;}
.home-flow .flow-content .flow-block{ padding:0 95px 0 190px; margin-top:-35px;}
.home-flow .flow-content .flow-block .top-title .en{ font-size:40px; font-weight:bold; color:#545454; opacity:0.7; padding-left:55px;}
.home-flow .flow-content .flow-block .top-title .cn{ font-size:36px; color:#c1986e; padding-left:55px; position:relative;}
.home-flow .flow-content .flow-block .top-title .cn .icon{ width:11px; height:11px; background-color:#b2977c; position:absolute; top:50%; margin-top:-5.5px; left:-4.5px; border-radius:100%;}
.home-flow .flow-content .flow-block .cont{ text-align: justify;font-size:16px; color:#929292; line-height:30px; margin-top:20px; padding:20px 0 80px 55px; background:url(../images/home-flow-line.png) left top repeat-y; min-height:240px;}
.home-flow .flow-content .flow-block:last-child .cont{ background:none;}
.home-flow-bg .bg{ height:100%; position:absolute; top:0;}
.home-flow-bg .bg.left{ width:50%; /*background:url(../images/home-flow-bg1.jpg) repeat-y;*/ background-size:100% auto; left:0;}
.home-flow-bg .bg.right{ width:50%;/* background:url(../images/home-flow-bg2.jpg) repeat-y; */background-size:100% auto; right:0;}
.home-flow-bg .hand{ position:absolute;}
.home-flow-bg .hand img{ display:block; width:100%;}
.home-flow-bg .hand.left{ width:23%; left:0; top:49%;}
.home-flow-bg .hand.right{ width:22%; right:0; top:15%;}

.home-flow .animation .flow-content{ opacity:1; -webkit-animation: fadeInOpacity 1s 1s both; animation: fadeInOpacity 1s 1s both;}

.home-animation{ position:relative; z-index:5;}
.home-animation-pc{ overflow:hidden;}
.home-animation-pc ul{ height:100%; width:120%;}
.home-animation-pc li{float: left;width: 8%;height:100%;cursor: pointer; position:relative; background:center no-repeat; background-size:cover;}
.home-animation-pc li:nth-child(1){width: 60%;}
.home-animation-pc li .txt-box{ width:100%; position:absolute; left:50%; margin-left:-50%; top:16%;}
.home-animation-pc li .txt-box .logo{ text-align:center;}
.home-animation-pc li .txt-box .logo img{ display:inline-block; width:105px;}
.home-animation-pc li .txt-box .slogan-title{ font-size:36px; color:#fffefe; text-align:center; margin-top:35px; opacity:0;}
.home-animation-pc li .txt-box .title1{ font-size:40px; color:#fef8fa; opacity:0.7; text-align:center; margin-top:75px; opacity:0;}
.home-animation-pc li .txt-box .title2{ text-align:center; font-size:36px; color:#c1986e; opacity:0;}
.home-animation-pc li .txt-box .txt{ text-align: center;font-size:16px; color:#fff; line-height:30px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; opacity:0;}
.home-animation-pc li .home-animation-mask{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.5;}
.home-animation-pc li.curr .txt-box{ width:48%; margin-left:-24%; top:36%;}
.home-animation-pc li.curr .txt-box .logo img{ display:inline-block; width:auto; -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both;}
.home-animation-pc li.curr .slogan-title{ opacity:1; -webkit-animation: fadeInDown 1s 1s both; animation: fadeInDown 1s 1s both;}
.home-animation-pc li.curr .title1{ opacity:1; -webkit-animation: fadeInDown 1s 1.5s both; animation: fadeInDown 1s 1.5s both;}
.home-animation-pc li.curr .title2{ opacity:1; -webkit-animation: fadeInDown 1s 2s both; animation: fadeInDown 1s 2s both;}
.home-animation-pc li.curr .txt{ opacity:1; -webkit-animation: fadeInDown 1s 2.5s both; animation: fadeInDown 1s 2.5s both;}
.home-animation-pc li.curr .home-animation-mask{ opacity:0.2; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

.home-animation-mobile .swiper-container{ width:100%; height:100%;}
.home-animation-mobile .swiper-slide{ position:relative;}
.home-animation-mobile .swiper-slide .bg img{ display:block; width:100%;}
.home-animation-mobile .swiper-slide .home-animation-mask{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.2;}
.home-animation-mobile .swiper-slide .txt-box{ width:90%; position:absolute; left:50%; margin-left:-45%; top:34%;}
.home-animation-mobile .swiper-slide .txt-box .logo{ text-align:center;}
.home-animation-mobile .swiper-slide .txt-box .logo img{ display:inline-block; width:60px;}
.home-animation-mobile .swiper-slide .txt-box .slogan-title{ font-size:18px; color:#fffefe; text-align:center; margin-top:15px;}
.home-animation-mobile .swiper-slide .txt-box .title1{ font-size:16px; color:#fef8fa; opacity:0.7; text-align:center;}
.home-animation-mobile .swiper-slide .txt-box .title2{ text-align:center; font-size:18px; color:#c1986e;}
.home-animation-mobile .swiper-slide .txt-box .txt{ text-align: center;font-size:14px; color:#cacaca; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.home-animation-mobile .pagination{ bottom:5%;}
.home-animation-mobile .swiper-pagination-switch{ width:10px; height:10px; margin:0 10px !important; opacity:1; background-color:#9a9999;}
.home-animation-mobile .swiper-active-switch{ background-color:#fff;}


.home-hotel-story{ background-color:#fff; position:relative; z-index:5;}
.home-hotel-story .swiper-container{}
.home-hotel-story .swiper-container .swiper-wrapper{overflow: hidden}
.home-hotel-story .swiper-container .swiper-slide{width: 100%;position: relative;}
.home-hotel-story .pagination{width: 19px;right: 5px;left: inherit;top: 80px; display:none;}
.home-hotel-story .pagination .swiper-pagination-switch{width: 19px;height:auto;margin: 0;box-shadow: none;background: none;}
.home-hotel-story .pagination .swiper-pagination-switch div{height: 19px;background: url("../images/home-flag.png") no-repeat; }
.home-hotel-story .pagination .swiper-pagination-switch i{margin-top: 5px;display: block;height: 56px;background: url("../images/home-hotel-story-line.png") no-repeat center;}
.home-hotel-story .pagination .swiper-active-switch div{background: url("../images/home-flag-active.png") no-repeat;}
.home-hotel-story .swiper-slide .pic{ float:left; width:46%;}
/*.home-hotel-story .swiper-slide:first-child .pic{transform: translate(-100px,0)}*/
.home-hotel-story .swiper-slide .pic img{ display:block; width:100%;}
.home-hotel-story .swiper-slide .txt-box{ width:35%; position:absolute; top:28%; right:9%;}
.home-hotel-story .swiper-slide .txt-box .top-title .en{ font-size:40px; font-weight:bold; color:#545454; opacity:0.7;}
.home-hotel-story .swiper-slide .txt-box .top-title .cn{ font-size:36px; color:#c1986e;}
.home-hotel-story .swiper-slide .txt-box .cont{ margin-top:40px; font-size:16px; line-height:30px; color:#929292;}
.home-hotel-story .swiper-slide .txt-box .cont .title{ font-size:24px; padding-bottom:5px;}
.home-hotel-story .swiper-slide .txt-box .cont p{ height:113px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.home-hotel-story .swiper-slide .txt-box .more{ margin-top:60px; font-size:24px;}
.home-hotel-story .swiper-slide .txt-box .more a{ color:#c1986e; background:url(../images/home-hotel-story-arrow.png) center right no-repeat; padding-right:24px;}

.home-exclusive-offers{ background-color:#fff; position:relative; z-index:5; padding:135px 6% 75px 6%;}
.home-exclusive-offers .titleH1{ position:absolute; top:75px; left:8%; z-index:5;}
.home-exclusive-offers .titleH1 .en{ font-size:90px; line-height:90px; color:#c1986e;}
.home-exclusive-offers .titleH1 .cn{ font-size:40px; color:#fefefe; opacity:0.7; margin-left:5px;}
.home-exclusive-offers .swiper-slide .pic img{ display:block; width:100%;}
.home-exclusive-offers .swiper-slide .cont{ padding:25px 0 0 50%;}
.home-exclusive-offers .swiper-slide .cont .title{ font-size:36px; color:#c1986e;}
.home-exclusive-offers .swiper-slide .cont p{ overflow:hidden; line-height:30px; min-height:60px; font-size:16px; color:#929292; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:10px;}
.home-exclusive-offers .swiper-slide .cont .more{ margin-top:30px; font-size:24px;}
.home-exclusive-offers .swiper-slide .cont .more a{ color:#c1986e; background:url(../images/home-hotel-story-arrow.png) center right no-repeat; padding-right:24px;}
.home-exclusive-offers .swiper-wrapper{overflow: hidden}
.home-exclusive-offers .pagination{width: auto;right:inherit;top:auto;bottom: 80px;}
.home-exclusive-offers .pagination .swiper-pagination-switch{width:auto;height:auto;margin: 0;box-shadow: none;background: none;overflow: hidden;}
.home-exclusive-offers .pagination .swiper-pagination-switch div{display: inline-block;width: 19px;height: 19px;background: url("../images/home-flag.png") no-repeat; }
.home-exclusive-offers .pagination .swiper-pagination-switch i{margin: 0px 8px 0;display: inline-block;width: 56px;height: 19px;background: url("../images/home-hotel-story-line2.png") no-repeat center;}
.home-exclusive-offers .pagination .swiper-active-switch div{background: url("../images/home-flag-active.png") no-repeat;}

.video-layer{position: fixed;width: 100%;height: 100%;left: 0;bottom: 0;right: 0;top: 0;z-index: 99999;display: none;}
.video-layer .mask{position: absolute;left: 0;bottom: 0;right: 0;top: 0;background: #000000;opacity: 0.88}
.video-layer .video{position: absolute;}
.video-layer .close-btn{position: absolute;width: 50px;height: 50px;background: url("../images/close-btn.png") center no-repeat;right: 0;top: 0;cursor: pointer; z-index:11;}
/*.bannervideo video{min-height:100% !important;height: auto !important;}*/
.jp-video-360p{width: 70%}
.jp-audio, .jp-audio-stream, .jp-video{border: 1px solid #666666}
.jp-video .jp-current-time{position: absolute;margin-top: 10px;right: 20px;}
.jp-video .jp-duration{position: absolute;top: 10px;}
.jp-controls-holder{top: 0;padding: 2px 0;}



/*提示框*/
.CancelOrderLayer{ width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:99999; display:none;}
.CancelOrderLayer .opacity{ width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0.7;}
.CancelOrderLayerCont{ width:680px; height:295px; background-color:#fff; border-top:5px solid #c1986e; padding:22px 35px; position:absolute; top:50%; left:50%; margin:-172px 0 0 -375px;}
.CancelOrderLayer .close{ width:25px; height:25px; background:url(../img/icon/MapClose.png) center center no-repeat; position:absolute; top:23px; right:38px; z-index:9; cursor:pointer;}
.CancelOrderLayer .title{ font-size:18px; padding-bottom:20px; border-bottom:1px solid #ebebeb;}
.CancelOrderLayer .COLtoptxt{padding-top:48px;font-size:18px;text-align:center;height:75px;}
.CancelOrderLayer .COLtoptxt .small{padding-top:10;font-size:12px; color: #000;}
.CancelOrderLayer .COLtoptxt .icon{ display: inline-block;width: 20px;height: 20px;background: #000;vertical-align: middle;background: url(../img/pop-icon.png); background-size: cover;}
.CancelOrderLayer .COLbtn{ text-align:center; margin-top:20px;}
.CancelOrderLayer .COLbtn a{ display:inline-block; width:104px; height:40px; line-height:40px; background:#c1986e; text-align:center; font-size:14px; color:#fff;}
.CancelOrderLayer .COLbtn a:hover{/* background-position:0 -40px;*/}
.CancelOrderLayer .COLbtn a.closeBtn{margin-left: 10px;background: url(../img/infoTable_cancelBtn.jpg) 0 0 repeat-x;}
.CancelOrderLayer .COLbtn a.closeBtn:hover { background-position: 0 -40px; }

.CancelSuccessLayer{ width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:99999; display:none;}
.CancelSuccessLayer .opacity{ width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0.7;}
.CancelSuccessLayerCont{ width:680px; height:295px; background-color:#fff; border-top:5px solid #c1986e; padding:22px 35px; position:absolute; top:50%; left:50%; margin:-172px 0 0 -375px;}
.CancelSuccessLayer .close{ width:25px; height:25px; background:url(../img/icon/MapClose.png) center center no-repeat; position:absolute; top:23px; right:38px; z-index:9; cursor:pointer;}
.CancelSuccessLayer .title{ font-size:18px; padding-bottom:20px; border-bottom:1px solid #ebebeb;}
.CancelSuccessLayer .CSLtoptxt{ padding-top:25px; font-size:18px; text-align:center; height:60px;}
.CancelSuccessLayer .CSLlist{ margin-top:10px;}
.CancelSuccessLayer .CSLlist li{ background:url(../img/hotelSubdot.png) 0 15px no-repeat; padding-left:25px; color:#737e89; line-height:36px;}
.CancelSuccessLayer .CSLbtn{ text-align:center; margin-top:20px;}
.CancelSuccessLayer .CSLbtn a{ display:inline-block; width:104px; height:40px; line-height:40px; background:#c1986e; text-align:center; font-size:14px; color:#fff;}
.CancelSuccessLayer .CSLbtn a:hover{/* background-position:0 -40px;*/}


/*订单查询*/
.orderQuery_page{ padding:25px 40px 65px 40px; background:#fff; box-shadow:-3px -2px 8px #c0c6ca; color:#666; overflow:hidden;}
.orderQuery_page .OQPform{ margin-top:55px;}
.orderQuery_page .OQPform li{ float:left; width:320px; margin-left:82px;}
.orderQuery_page .OQPform li .type{ font-weight:bold; margin-bottom:10px;}
.orderQuery_page .OQPform li .inputText{ width:312px; height:35px; line-height:35px; padding-left:5px; border:1px solid #ced5db;}
.orderQuery_page .OQPform li .inputText:focus{ -webkit-box-shadow:0px 0px 5px #de4d1c; -moz-box-shadow:0px 0px 5px #de4d1c;box-shadow:0px 0px 5px #de4d1c; border:1px solid #fff;}
.orderQuery_page .OQPform .btn{ padding-left:699px; margin-top:30px;}
.orderQuery_page .OQPform .btn a{ display:inline-block; width:104px; height:40px; line-height:40px; background:url(../img/OQbtnBg.jpg) 0 0 repeat-x; text-align:center; font-size:14px; color:#fff;}
.orderQuery_page .OQPform .btn a:hover{ background-position:0 -40px;}

.orderQueryLayer{ width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:99999; display:none;}
.orderQueryLayer .opacity{ width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0.7;}
.orderQueryLayerCont{ width:680px; height:295px; background-color:#fff; border-top:5px solid #c1986e; padding:22px 35px; position:absolute; top:50%; left:50%; margin:-172px 0 0 -375px;}
.orderQueryLayer .close{ width:25px; height:25px; background:url(../img/icon/MapClose.png) center center no-repeat; position:absolute; top:23px; right:38px; z-index:9; cursor:pointer;}
.orderQueryLayer .title{ font-size:18px; padding-bottom:20px; border-bottom:1px solid #ebebeb;}
.orderQueryLayer .OQLtoptxt{ margin-top:10px; color:#999;}
.orderQueryLayer .OQLform{ margin-top:40px;}
.orderQueryLayer .OQLform ul{ width:725px;}
.orderQueryLayer .OQLform li{ float:left; width:320px; margin-right:40px;}
.orderQueryLayer .OQLform li .type{ font-weight:bold; margin-bottom:10px; font-size:14px;}
.orderQueryLayer .OQLform li .inputText{ width:306px; line-height:20px; padding:7px 0 7px 5px; border:1px solid #ced5db; font-size:14px;}
.orderQueryLayer .OQLform li .inputText:focus{ -webkit-box-shadow:0px 0px 5px #c1986e; -moz-box-shadow:0px 0px 5px #c1986e;box-shadow:0px 0px 5px #c1986e; border:1px solid #c1986e;}
.orderQueryLayer .OQLform .btn{ padding-left:570px; margin-top:30px;}
.orderQueryLayer .OQLform .btn a{ display:inline-block; width:104px; height:40px; line-height:40px; background:#c1986e; text-align:center; font-size:14px; color:#fff;}
.orderQueryLayer .OQLform .btn a:hover{/* background-position:0 -40px;*/}





.city-select{
	width: 230px;
	position: absolute;
	background: rgba(0,0,0,.7);
}

.city-select p{
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	padding-left: 10px;
}

.city-select ul li{
	padding: 0 10px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.city-select ul li.current{
	background: rgba(193,152,110,.7);
}

.city-select ul li .Left{
	float: left;
}

.city-select ul li .Right{
	float: right;
	text-align: right;
	font-size: 16px;
}

/*日历控件样式*/
.dropdown-menu{	display: none;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);padding: 15px;}
.daterangepicker{ position:absolute; }
.daterangepicker .input-mini{display: none;}
.daterangepicker.ltr .ranges{float: none !important;clear:both;}
.daterangepicker.ltr .ranges .range_inputs{float: right;}
.daterangepicker.ltr .ranges .range_inputs .applyBtn{width: 100px;height: 35px;line-height: 35px;background-color: #262767;font-size: 16px;text-align: center;color:#fff;margin-right: 10px; cursor:pointer;}
.daterangepicker.ltr .ranges .range_inputs .cancelBtn{width: 100px;height: 35px;line-height: 35px; border:1px solid #262767; background-color:transparent;font-size: 16px;text-align: center;color:#4F4F4F; cursor:pointer;/*display: none;*/}

/* 城市列表 */
.city-layer{ width: 651px; border: 1px solid #999; background-color: #fff; position: absolute; left: 0; top: 48px; z-index:9; display: none; }
.city-layer p { padding-left: 20px; color: #555659; height: 50px; margin-bottom: 30px; line-height: 50px; background: #ebebeb; font-size: 14px; }
.city-layer .close { position:absolute; top:15px; right:15px; width: 20px; height: 20px; line-height:normal; color: #666; text-align: center; font-size: 20px; }
.city-layer .tab_box { border-bottom: 2px solid #ccc; margin: 0 55px 0 40px; font-size: 16px; line-height: 30px; }
.city-layer .tab_box li { float: left; cursor: pointer; }
.city-layer .tab_box li.active { border-bottom: 2px solid #ee5321; margin-bottom: -2px; font-weight: bold; color: #ee5321; }
.city-layer .tab_box li span { padding: 0 15px; letter-spacing: 2px; }
.city-layer .city_item { display: none; padding: 20px 30px 30px 50px; }
.city-layer .city_item a { display: block; width: 70px; height: 25px; line-height: 25px; margin: 20px 2px 2px 0; float: left; padding-left: 8px; font-size: 16px; color: #333; }
.city-layer .city_item a:hover { background: #ee5321; color: #fff; }
.city-layer .city_item .city_item_in { padding-left: 30px; }
.city-layer .city_item .city_item_letter { float: left; width: 30px; height: 25px; margin-left: -30px; line-height: 25px; text-align: center; color: #E56700; margin-top: 20px; font-size: 16px; }

/*头部联系我们浮层*/
.wrapTopNav .topNavInner .quick-entry-right .contact{position: relative;}
.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer a{color:#c1986e; }
.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer{display: none;top: 60px;right:0;margin-right:-50px;padding: 15px 0;text-align: center;position:absolute;width: 250px;color: #c1986e;font-size: 18px;background: #141515;}
.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer:after{content: '';width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 13px solid #141515;position: absolute;top: -12px;left: 50%;margin-left: -13px;}

/*底部友情链接*/
.wrapFooter .bottom-box .friend-ship{float: left;margin: 30px 0 0 60px;}
.wrapFooter .bottom-box .friend-ship ul li{display: inline-block;font-size: 14px;color: #8c8b8b}
.wrapFooter .bottom-box .friend-ship ul li a{color: #8c8b8b}
.wrapFooter .bottom-box .friend-ship ul li span{margin: 0 17px 0 20px;}
.wrapFooter .bottom-box .friend-ship ul li a:hover{color: #c1986e}

/*TIME*/
.daterangepicker td.active{background: #c1986e;}
.daterangepicker.ltr .ranges .range_inputs .cancelBtn{border: 1px solid #c1986e}
.daterangepicker.ltr .ranges .range_inputs .applyBtn{border: 1px solid #c1986e;background: #c1986e;}
.daterangepicker td.active, .daterangepicker td.active:hover{background: #c1986e;}

/*精品活动浮层*/
.jphd-details{display: none;z-index:999;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/later/jphd-details-bg.jpg) center center no-repeat fixed;background-size: cover;}
.jphd-details .detail{width: 1120px;margin: 160px auto;position: relative;}
.jphd-details .detail .close-btn{cursor: pointer;	-webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;width: 48px;height: 48px;background: url("../images/later/detial-close-btn.png") center no-repeat;position: fixed;right: 80px;top: 150px;}
.jphd-details .detail .close-btn:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.jphd-details .detail .cot{color: #929292;height: 700px;overflow: hidden;}
.jphd-details .detail .cot .tit{font-size: 30px;}
.jphd-details .detail .cot .info{margin-top: 40px;font-size: 16px;text-align: justify}
.jphd-details .detail .cot .tel{font-size: 16px;margin-top: 40px;background: url(../images/phone-icon.png) left center no-repeat;padding-left: 20px;}
.jphd-details .detail .cot .ads{font-size: 20px;margin-top: 15px;}
.jphd-details .detail .cot .time{margin-top: 30px;font-size: 16px;}
.jphd-details .detail .cot .ads a{color: #929292;}
.jphd-details .detail .cot .ads a:hover{color:#c1986e}

/*联系我们小浮标*/
@-webkit-keyframes contacttoleft{0%{right: -100%;} 100% {right: 0%;}}
@keyframes  contacttoleft{0%{right: -100%;} 100% {right: 0%;}}
.to-contact-us-layer{-webkit-animation:2s 1s  contacttoleft both;animation: 2s 1s  contacttoleft both;right: -100%;cursor: pointer;font-size: 18px;padding-left: 30px;text-align: center;color: #c1986e;border-top-left-radius: 20% 50%;border-bottom-left-radius: 20% 50%;position: fixed;width: 120px;height: 58px;line-height: 58px;background:url("../images/swhz-email-icon.png") 10px  center  no-repeat #e9e9e9;z-index: 998;top: 50%;margin-top:-29px;}


/*升级弹框*/
.update-tipPop{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

.update-tipPop .p-mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}

.update-tipPop .tip-cont{
	width: 1000px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -500px;
	margin-top: -150px;
	background: #fff;
	box-sizing: border-box;
	padding: 70px 110px;
}

.update-tipPop .tip-cont .t-title{
	font-size: 18px;
	color: #5e5e5e;
}

.update-tipPop .tip-cont p{
	font-size: 16px;
	color: #8e8e8e;
	line-height: 34px;
	margin-top: 10px;
}

.update-tipPop .tip-cont p span{
	color: #c1986e;
}

.update-tipPop .tip-cont .close-btn{
	width: 16px;
	height: 16px;
	background: url(../images/close-btn.png) no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}



/*loading*/
@keyframes k-loading1 {
	0% {
	background:url(../images/icon/load1.png) no-repeat left top; background-size: 100%;
}20% {
	background:url(../images/icon/load1.png) no-repeat left top; background-size: 100%;
}40% {
	background:url(../images/icon/load1.png) no-repeat left top; background-size: 100%;
}60% {
	background:url(../images/icon/load1.png) no-repeat left top; background-size: 100%;
}80% {

	background:url(../images/icon/load1.png) no-repeat left top; background-size: 100%;
}
100% {
	background:url(../images/icon/load1cur.png) no-repeat left top; background-size: 100%;
}
}
@keyframes k-loading2 {
	0% {
	background:url(../images/icon/load2.png) no-repeat left top; background-size: 100%;
}20% {
	background:url(../images/icon/load2.png) no-repeat left top; background-size: 100%;
}40% {
	background:url(../images/icon/load2.png) no-repeat left top; background-size: 100%;
}60% {
	background:url(../images/icon/load2.png) no-repeat left top; background-size: 100%;
}80% {
	background:url(../images/icon/load2.png) no-repeat left top; background-size: 100%;
}
100% {
	background:url(../images/icon/load2cur.png) no-repeat left top; background-size: 100%;
}
}
@keyframes k-loading3 {
	0% {
	background:url(../images/icon/load3.png) no-repeat left top; background-size: 100%;
}20% {
	background:url(../images/icon/load3.png) no-repeat left top; background-size: 100%;
}40% {
	background:url(../images/icon/load3.png) no-repeat left top; background-size: 100%;
}60% {
	background:url(../images/icon/load3.png) no-repeat left top; background-size: 100%;
}80% {
	background:url(../images/icon/load3.png) no-repeat left top; background-size: 100%;
}
100% {
	background:url(../images/icon/load3cur.png) no-repeat left top; background-size: 100%;
}
}
@keyframes k-loading4 {
	0% {
	background:url(../images/icon/load4.png) no-repeat left top; background-size: 100%;
}20% {
	background:url(../images/icon/load4.png) no-repeat left top; background-size: 100%;
}40% {
	background:url(../images/icon/load4.png) no-repeat left top; background-size: 100%;
}60% {
	background:url(../images/icon/load4.png) no-repeat left top; background-size: 100%;
}80% {
	background:url(../images/icon/load4.png) no-repeat left top; background-size: 100%;
}
100% {
	background:url(../images/icon/load4cur.png) no-repeat left top; background-size: 100%;
}
}
.loading{width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1001; overflow: hidden; background:url(../images/icon/loading_bg.png) repeat;}
.loading .loadingPic{background: url(../images/icon/loadingbg.png) no-repeat left top; width: 400px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -200px; background-size: 100%;}
.loading .loadingPic .pic1{background: url(../images/icon/load1.png) no-repeat left top; width:106px; height: 77px; position: absolute; top: 100px; left: 82px;     animation: k-loading1 2.8s infinite; background-size: 100%;}
.loading .loadingPic .pic2{background: url(../images/icon/load2.png) no-repeat left top; width:111px; height: 76px; position: absolute; top: 100px; right: 70px; animation: k-loading2 2.8s infinite; animation-delay: .7s; background-size: 100%;}
.loading .loadingPic .pic3{background: url(../images/icon/load3.png) no-repeat left top; width:125px; height: 76px; position: absolute; top: 211px; left: 74px; animation: k-loading3 2.8s infinite; animation-delay: 2.1s; background-size: 100%;}
.loading .loadingPic .pic4{background: url(../images/icon/load4.png) no-repeat left top; width:100px; height: 76px; position: absolute; top: 207px; right: 80px; animation: k-loading4 2.8s infinite; animation-delay: 1.4s; background-size: 100%;}




@media (max-width: 768px) {
	input,select{ outline:none; -webkit-appearance:none;}
	.wrapFooter .top-box .language .eng{top: 0;    left: 120%;right: -120%;}
	.wrapFooter .top-box .language.animation span:after{transform: rotate(270deg);}

    .jp-video-360p{width: 92%;}
    .jp-video .jp-toggles{left: 18px;right: 0;}
    .jp-video-play-icon{width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;background-size: 100% 100%;}
    .jp-video .jp-type-single .jp-controls{margin-left: 150px;}
    .jp-full-screen{margin-left: 65px;}

	.hidden-xs{ display:none !important;}
	.visible-xs{ display:block !important;}
	.wrapTopNav .topNavInner .quick-entry-right .booking-on.visible-xs,.wrapTopNav .topNavInner .quick-entry-right .gift-on.visible-xs{ display:inline-block !important;}
	.wrapTopNav .topNavInner .quick-entry-right .gift-on.visible-xs{ margin-right: -45px; }
	.wrapTopNav .topNavInner .menu{ width:36px; height:36px; line-height:36px; font-size:12px; top:7px;}
	.wrapTopNav .topNavInner .menu span{ margin-left:8px;}
	.wrapTopNav .topNavInner .logo .icon{ width:92px; height:50px; background-size:92px auto;}

	.wrapTopNav .topNavInner .quick-entry-right span{ display:none;}
	.wrapTopNav .topNavInner .quick-entry-right{ top:10px; line-height:28px;}
	.wrapTopNav .topNavInner .quick-entry-right .icon{ width:25px; height:25px; line-height:25px; font-size:14px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking, .wrapTopNav .topNavInner .quick-entry-right .entry{ margin-left:8px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .icon:after{ width:12px; height:12px; background-size:100%; top:50%; left:50%; margin:-6px 0 0 -6px;}
	.wrapTopNav .topNavInner .quick-entry-right .login .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ width:12px; height:12px; background-size:100%; top:50%; left:50%; margin:-6px 0 0 -6px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking:hover,.wrapTopNav .topNavInner .quick-entry-right .entry:hover{ color:#999a9d;}
	.wrapTopNav .topNavInner .quick-entry-right .booking:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .login:hover .icon{ background-color:transparent; border-color:#999a9c; color:#999a9d;}
	.wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon:after{ background-image:url(../images/icon/quick-contact-icon1.png);}
	.wrapTopNav .topNavInner .quick-entry-right .login:hover .icon:after{ background-image:url(../images/icon/quick-login-icon1.png);}
	.wrapTopNav .topNavInner .quick-entry-right .login-n .icon, .wrapTopNav .topNavInner .quick-entry-right .login-n:hover .icon{ border:1px solid #c1986e; color:#c1986e; background-color:#c1986e;}
	.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ background-image:url(../images/icon/quick-login-icon1-on.png) !important;}

	.wrapTopNav .login-box{ width:96%; padding:0 2%; height:200px; bottom:-200px;}
	.wrapTopNav .login-box .container{ float:none; padding:0;}
	.wrapTopNav .login-box .inputText{ float:none; width:96%; padding:0 2%; font-size:16px; height:45px; line-height:45px; margin:0; margin-bottom:10px;}
	.wrapTopNav .login-box .inputBtn{ float:none; width:100%; font-size:16px; height:45px; margin:0; margin-bottom:10px;}
	.wrapTopNav .login-box .loginLink{ float:none; font-size:16px; margin:0;}
	.wrapTopNav .login-box .loginLink a:nth-child(1){ float:left;}
	.wrapTopNav .login-box .loginLink a:nth-child(2){ float:right;}
	
	.wrapTopNav .booking-box{ width:96%; height:280px; bottom:-280px; padding:0 2%;}
	.wrapTopNav .booking-box .container{ float:none; padding:0;}
	.flight_destination, .flight_date{ float:none; margin:0 0 10px 0;}
	.flight_destination .inputText{ width:96%; padding:0 2%; height:45px; line-height:45px; font-size:16px;}
	.flight_date .inputText{ width:96%; padding:0 2%; height:45px; line-height:45px; font-size:16px; background-position:96% center;}
	.flight_between{ width:46%; padding:0 4%; margin-right:0;}
	.flight_between .inputText{ font-size:16px;}
	.flight_between span{ font-size:16px;}
	.flight_reservations{ width:44%; float:right; font-size:16px;}
	.wrapTopNav .booking-box .BHBbot{ font-size:16px;}
	.seniorReservationBox .inputText{ font-size:16px;}
	
	
	.allmenu .js-close{ top:20px; right:25px;}
	.allmenu .js-close i { width:22px; height:22px; background-size:100%;}
	.allmenu .lan-change{ position: static; margin-top: 30px;  text-align: center;}
	.allmenu .menuwrap{ width:100%; height:100%; top:0; left:0; margin:0;}
	.allmenu div.d1{ position:relative; width:100%; height:auto; top:0 !important; left:0 !important; float:none; margin-top:20px !important;-webkit-transition: all 0s linear 0s !important;-o-transition: all 0s linear 0s !important;transition: all 0s linear 0s !important;-webkit-transform: scale3d(1, 1, 1) !important;transform: scale3d(1, 1, 1) !important;}
	.allmenu div.d1 .bg{ display:none;}
	.allmenu div.d1 .module:after, .allmenu div.d1 .module:before{ display:none;}
	.allmenu div.d1 a.d1, .allmenu div.d1 .bg{ position:relative !important; top:0 !important; left:0 !important; width:100% !important; height:auto !important; line-height:normal !important; margin:0 !important;}
	.allmenu div.d1 ul{ position:relative; top:0 !important; left:0; background:none;}
	.allmenu div.d1 ul li{ margin-top:0;}
	.allmenu div.d1 ul li a.d2{ opacity:1; height:24px; line-height:24px; text-align:center; padding-left:0;}
	.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-6{ display:block;}
	
	.orderQueryLayerCont{ width:92%; height:auto; padding:10px 2% 20px 2%; margin:-183px 0 0 -48%;}
	.orderQueryLayer .title{ padding-bottom:10px;}
	.orderQueryLayer .close{ top:10px; right:10px;}
	.orderQueryLayer .OQLform{ margin-top:0;}
	.orderQueryLayer .OQLform ul{ width:auto;}
	.orderQueryLayer .OQLform li{ float:none; width:auto; margin-right:0; margin-top:10px;}
	.orderQueryLayer .OQLform li .inputText{ width:96%; padding:0 2%; height:45px; line-height:45px;}
	.orderQueryLayer .OQLform .btn{ padding-left:0; text-align:right;}
	
	.CancelOrderLayerCont{ width:92%; height:auto; padding:10px 2% 20px 2%; margin:-183px 0 0 -48%;}
	.CancelOrderLayer .title{ padding-bottom:10px;}
	.CancelOrderLayer .close{ top:10px; right:10px;}
	.CancelOrderLayer .COLtoptxt{ font-size:14px;}
	
	
	
	
	
	.wrapFooter{ padding:20px 3% 25px 3%;}
	.wrapFooter .top-box{ padding-bottom:15px; font-size:12px;}
	.wrapFooter .top-box .language span{ padding-right:18px;}
	.wrapFooter .top-box .links{ float:right; margin-left:0;}
	.wrapFooter .top-box .links a{ margin:0 5px 0 3px;}
	.wrapFooter .top-box .copyright{ display:none;}
	.wrapFooter .bottom-box{ margin-top:25px;}
	.wrapFooter .bottom-box .logo{ width:76px;}
	.wrapFooter .bottom-box .links-qr-code{ margin-top:0;}
	.wrapFooter .bottom-box .links-qr-code .icon{ width:24px; height:24px; margin-left:15px;}
	.wrapFooter .bottom-box .links-qr-code .icon a{ background-size:100% !important;}
	
	.home-banner .swiper-pagination-bullet{ margin:0 10px !important;}
	.home-banner .swiper-slide .slogan-box{ width:70%; left:15%;margin-top: -40px;}
	.home-banner .swiper-slide .slogan-box .top{ font-size:20px; line-height:normal;}
	.home-banner .swiper-slide .slogan-box .bottom{ font-size:18px; line-height:normal;}
	.home-banner .swiper-slide .video-play{ width:107px; height:45px; line-height:45px; padding-left:86px; font-size:14px; margin-left:-98.5px;}
	.home-banner .swiper-slide .video-play:after{ width:22px; height:22px; background-size:100%; margin-top:-11px; left:50px;}
	.home-banner .swiper-pagination-switch{ margin:0 15px !important;}

	.home-brand .home-brand-box{ width:85%; right:7.5%; top:25%;}
	.home-brand .home-brand-box .logo img{ width:121px;}
	.home-brand .home-brand-box .title1{ font-size:18px;}
	.home-brand .home-brand-box .title2{ font-size:16px;}
	.home-brand .home-brand-box .txt{ font-size:14px;}
	.home-brand .home-brand-box .more{ width:193px; height:45px; line-height:45px; font-size:14px; background-size:7px 12px; background-position:130px center;}
	.home-brand .home-brand-box .more a{ padding-left:60px;}
	.home-brand .home-brand-box dl{ font-size:14px;}
	.home-brand .home-brand-box dl dd{ float:none; width:100%; margin-bottom:10px;}
	.home-brand .home-brand-box dl dd .title{ font-size:18px;}
	
	.home-brand .home-brand-box{ width:85%; right:7.5%;}
	.home-flow-bg .hand{ display:none;}
	.home-flow .flow-content{ width:80%; padding-top:80px; padding-bottom:0;}
	.home-flow .flow-content .flow-block{ padding:0;}
	.home-flow .flow-content .flow-block .top-title .en{ font-size:18px; padding-left:30px;}
	.home-flow .flow-content .flow-block .top-title .cn{ font-size:16px; padding-left:30px;}
	.home-flow .flow-content .flow-block .cont{ font-size:14px; padding-left:30px;}
	.home-flow .flow-content .flow-block .top-title .cn .icon{ width:8px; height:8px; left:-2px;}

	.home-hotel-story .swiper-slide .pic{ float:none; width:100%;}
	.home-hotel-story .swiper-slide .txt-box{ width:auto; position:relative; top:0; right:0; padding:15px;}
	.home-hotel-story .swiper-slide .txt-box .top-title .en{ font-size:20px;}
	.home-hotel-story .swiper-slide .txt-box .top-title .cn{ font-size:18px;}
	.home-hotel-story .swiper-slide .txt-box .cont{ font-size:14px; margin-top:10px; line-height:normal;}
	.home-hotel-story .swiper-slide .txt-box .cont .title{ font-size:14px;}
	.home-hotel-story .swiper-slide .txt-box .more{ font-size:14px; margin-top:15px;}
	
	.home-exclusive-offers{ padding:55px 0 15px 0;}
	.home-exclusive-offers .titleH1{ top:35px; left:15px;}
	.home-exclusive-offers .titleH1 .en{ font-size:30px; line-height:32px;}
	.home-exclusive-offers .titleH1 .cn{ font-size:20px;}
	.home-exclusive-offers .swiper-slide .cont{ padding:15px;}
	.home-exclusive-offers .swiper-slide .cont .title{ font-size:18px;}
	.home-exclusive-offers .swiper-slide .cont p{ min-height:44px; line-height:24px; font-size:14px;}
	.home-exclusive-offers .swiper-slide .cont .more{ font-size:14px;}

    .home-hotel-story .pagination{width: auto;left:inherit;right: 20px;top:auto;}
    .home-hotel-story .pagination .swiper-pagination-switch{width:auto;height:auto;margin: 0;box-shadow: none;background: none;overflow: hidden;}
    .home-hotel-story .pagination .swiper-pagination-switch div{display: inline-block;width: 19px;height: 19px;background: url("../images/home-flag.png") no-repeat; }
    .home-hotel-story .pagination .swiper-pagination-switch i{margin: 0px 8px 0;display: inline-block;width: 17px;height: 19px;background: url("../images/home-hotel-story-line2-move.png") no-repeat center;}
    .home-hotel-story .pagination .swiper-active-switch div{background: url("../images/home-flag-active.png") no-repeat;}

    .home-exclusive-offers .pagination{width: auto;left:inherit;right: 20px;top:auto;bottom: 0;}
    .home-exclusive-offers .pagination .swiper-pagination-switch i{margin: 0px 8px 0;display: inline-block;width: 17px;height: 19px;background: url("../images/home-hotel-story-line2-move.png") no-repeat center;}

	.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer{top: 60px;right:20px;margin-right:-50px;width: 220px;font-size: 16px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer:after{margin-left: 0;left: 73%;}
	.wrapFooter .bottom-box .friend-ship{clear: both;float:inherit;margin: 0;padding-top: 30px;text-align: center}
	.wrapFooter .bottom-box .friend-ship ul li span{margin: 0 8px 0 11px;}
	.jphd-details .detail{margin:100px auto;}
	.jphd-details .detail .cot{height: 400px;}
	.jphd-details .detail{width: 100%;}
	.jphd-details{padding: 0 0 0 20px}
	.jphd-details .detail .close-btn{width: 25px;height: 25px;right:30px;top: -40px;position: absolute}
	.to-contact-us-layer{height: 48px;line-height: 48px;font-size: 14px;width: 80px;padding-left: 50px;top: auto;margin-top: auto;bottom: 20px;}
	
	.wrapTopNav .topNavInner .quick-entry-right .gift-on.visible-xs{ display:none !important;}

	.update-tipPop .tip-cont{
		padding: 30px;
		width: 80%;
		height: auto;
		margin-left: 0;
		margin-top: 0;
		height: auto;
		transform: translate(-50%, -50%);
	}
	
	/*loading*/
	.loading .loadingPic{width: 250px; height: 250px; margin-left: -125px; margin-top: -125px;}
	.loading .loadingPic .pic1{width:65px; height: 47px; top:69px; left:51px;}
	.loading .loadingPic .pic2{width:65px; height: 45px; top: 71px; right:51px;}
	.loading .loadingPic .pic3{width:65px; height: 40px; top: 142px; left:51px;}
	.loading .loadingPic .pic4{width:65px; height: 49px; top: 133px; right:53px;}
	
	
}
@media (min-width: 768px) and (max-width: 992px) {
	.hidden-xs{ display:none !important;}
	.visible-xs{ display:block !important;}
	input,select{ outline:none; -webkit-appearance:none;}
	.wrapTopNav .topNavInner .quick-entry-right .booking-on.visible-xs,.wrapTopNav .topNavInner .quick-entry-right .gift-on.visible-xs{ display:inline-block !important;}
	.wrapTopNav .topNavInner .quick-entry-right .gift-on.visible-xs{ margin-right: -42px; }
    .jp-video-360p{width: 92%;}
    .jp-video .jp-toggles{left: 18px;right: 0;}
    .jp-video-play-icon{width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;background-size: 100% 100%;}
    .jp-video .jp-type-single .jp-controls{margin-left: 150px;}
    .jp-full-screen{margin-left: 65px;}

	.wrapTopNav .topNavInner .menu{ width:36px; height:36px; line-height:36px; font-size:12px; top:7px;}
	.wrapTopNav .topNavInner .menu span{ margin-left:8px;}
	.wrapTopNav .topNavInner .logo .icon{ width:92px; height:50px; background-size:92px auto;}

	.wrapTopNav .topNavInner .quick-entry-right span{ display:none;}
	.wrapTopNav .topNavInner .quick-entry-right{ top:10px; line-height:28px;}
	.wrapTopNav .topNavInner .quick-entry-right .icon{ width:25px; height:25px; line-height:25px; font-size:14px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking, .wrapTopNav .topNavInner .quick-entry-right .entry{ margin-left:8px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .icon:after{ width:12px; height:12px; background-size:100%; top:50%; left:50%; margin:-6px 0 0 -6px;}
	.wrapTopNav .topNavInner .quick-entry-right .login .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ width:12px; height:12px; background-size:100%; top:50%; left:50%; margin:-6px 0 0 -6px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking:hover,.wrapTopNav .topNavInner .quick-entry-right .entry:hover{ color:#999a9d;}
	.wrapTopNav .topNavInner .quick-entry-right .booking:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon,.wrapTopNav .topNavInner .quick-entry-right .login:hover .icon{ background-color:transparent; border-color:#999a9c; color:#999a9d;}
	.wrapTopNav .topNavInner .quick-entry-right .contact:hover .icon:after{ background-image:url(../images/icon/quick-contact-icon1.png);}
	.wrapTopNav .topNavInner .quick-entry-right .login:hover .icon:after{ background-image:url(../images/icon/quick-login-icon1.png);}
	.wrapTopNav .topNavInner .quick-entry-right .login-n .icon, .wrapTopNav .topNavInner .quick-entry-right .login-n:hover .icon{ border:1px solid #c1986e; color:#c1986e; background-color:#c1986e;}
	.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ background-image:url(../images/icon/quick-login-icon1-on.png) !important;}

	.wrapTopNav .login-box{ width:96%; padding:0 2%; height:200px; bottom:-200px;}
	.wrapTopNav .login-box .container{ float:none; padding:0;}
	.wrapTopNav .login-box .inputText{ float:none; width:96%; padding:0 2%; font-size:16px; height:45px; line-height:45px; margin:0; margin-bottom:10px;}
	.wrapTopNav .login-box .inputBtn{ float:none; width:100%; font-size:16px; height:45px; margin:0; margin-bottom:10px;}
	.wrapTopNav .login-box .loginLink{ float:none; font-size:16px; margin:0;}
	.wrapTopNav .login-box .loginLink a:nth-child(1){ float:left;}
	.wrapTopNav .login-box .loginLink a:nth-child(2){ float:right;}
	
	.wrapTopNav .booking-box{ width:96%; height:280px; bottom:-280px; padding:0 2%;}
	.wrapTopNav .booking-box .container{ float:none; padding:0;}
	.flight_destination, .flight_date{ float:none; margin:0 0 10px 0;}
	.flight_destination .inputText{ width:96%; padding:0 2%; height:45px; line-height:45px; font-size:16px;}
	.flight_date .inputText{ width:96%; padding:0 2%; height:45px; line-height:45px; font-size:16px; background-position:96% center;}
	.flight_between{ width:50%; margin-right:0;}
	.flight_between .choose_num{height: 48px; width: 100%;}
	.flight_between .inputText{ font-size:16px;}
	.flight_between span{ font-size:16px;}
	.flight_reservations{ width:44%; float:right; font-size:16px;}
	.wrapTopNav .booking-box .BHBbot{ font-size:16px;}
	.seniorReservationBox .inputText{ font-size:16px;}
	
	
	.allmenu .js-close{ top:20px; right:25px;}
	.allmenu .js-close i { width:22px; height:22px; background-size:100%;}
	.allmenu .lan-change{ position: static; margin-top: 30px;  text-align: center;}
	.allmenu .menuwrap{ width:100%; height:100%; top:0; left:0; margin:0;}
	.allmenu div.d1{ position:relative; width:100%; height:auto; top:0 !important; left:0 !important; float:none; margin-top:20px !important;-webkit-transition: all 0s linear 0s !important;-o-transition: all 0s linear 0s !important;transition: all 0s linear 0s !important;-webkit-transform: scale3d(1, 1, 1) !important;transform: scale3d(1, 1, 1) !important;}
	.allmenu div.d1 .bg{ display:none;}
	.allmenu div.d1 .module:after, .allmenu div.d1 .module:before{ display:none;}
	.allmenu div.d1 a.d1, .allmenu div.d1 .bg{ position:relative !important; top:0 !important; left:0 !important; width:100% !important; height:auto !important; line-height:normal !important; margin:0 !important;}
	.allmenu div.d1 ul{ position:relative; top:0 !important; left:0; background:none;}
	.allmenu div.d1 ul li{ margin-top:0;}
	.allmenu div.d1 ul li a.d2{ opacity:1; height:24px; line-height:24px; text-align:center; padding-left:0;}
	.allmenu.is-allmenu-delayed .menuwrap div.d1.nth-child-6{ display:block;}
	
	.orderQueryLayerCont{ width:92%; height:auto; padding:10px 2% 20px 2%; margin:-183px 0 0 -48%;}
	.orderQueryLayer .title{ padding-bottom:10px;}
	.orderQueryLayer .close{ top:10px; right:10px;}
	.orderQueryLayer .OQLform{ margin-top:0;}
	.orderQueryLayer .OQLform ul{ width:auto;}
	.orderQueryLayer .OQLform li{ float:none; width:auto; margin-right:0; margin-top:10px;}
	.orderQueryLayer .OQLform li .inputText{ width:96%; padding:0 2%; height:45px; line-height:45px;}
	.orderQueryLayer .OQLform .btn{ padding-left:0; text-align:right;}
	
	
	
	.wrapFooter{ padding:20px 3% 25px 3%;}
	.wrapFooter .top-box{ padding-bottom:15px; font-size:12px;}
	.wrapFooter .top-box .language span{ padding-right:18px;}
	.wrapFooter .top-box .links{ float:right; margin-left:0;}
	.wrapFooter .top-box .links a{ margin:0 5px 0 3px;}
	.wrapFooter .top-box .copyright{ display:none;}
	.wrapFooter .bottom-box{ margin-top:25px;}
	.wrapFooter .bottom-box .logo{ width:76px;}
	.wrapFooter .bottom-box .links-qr-code{ margin-top:0;}
	.wrapFooter .bottom-box .links-qr-code .icon{ width:24px; height:24px; margin-left:15px;}
	.wrapFooter .bottom-box .links-qr-code .icon a{ background-size:100% !important;}
	
	.home-banner .swiper-pagination-bullet{ margin:0 10px !important;}
	.home-banner .swiper-slide .slogan-box{ width:70%; left:15%;margin-top: -40px;}
	.home-banner .swiper-slide .slogan-box .top{ font-size:20px; line-height:normal;}
	.home-banner .swiper-slide .slogan-box .bottom{ font-size:18px; line-height:normal;}
	.home-banner .swiper-slide .video-play{ width:107px; height:45px; line-height:45px; padding-left:86px; font-size:14px; margin-left:-98.5px;}
	.home-banner .swiper-slide .video-play:after{ width:22px; height:22px; background-size:100%; margin-top:-11px; left:50px;}
	.home-banner .swiper-pagination-switch{ margin:0 15px !important;}

	.home-brand .home-brand-box{ width:85%; right:7.5%; top:25%;}
	.home-brand .home-brand-box .logo img{ width:121px;}
	.home-brand .home-brand-box .title1{ font-size:18px;}
	.home-brand .home-brand-box .title2{ font-size:16px;}
	.home-brand .home-brand-box .txt{ font-size:14px;}
	.home-brand .home-brand-box .more{ width:193px; height:45px; line-height:45px; font-size:14px; background-size:7px 12px; background-position:130px center;}
	.home-brand .home-brand-box .more a{ padding-left:60px;}
	.home-brand .home-brand-box dl{ font-size:14px;}
	.home-brand .home-brand-box dl dd{ float:none; width:100%; margin-bottom:10px;}
	.home-brand .home-brand-box dl dd .title{ font-size:18px;}
	
	.home-brand .home-brand-box{ width:85%; right:7.5%;}
	.home-flow-bg .hand{ display:none;}
	.home-flow .flow-content{ width:80%; padding-top:80px; padding-bottom:0;}
	.home-flow .flow-content .flow-block{ padding:0;}
	.home-flow .flow-content .flow-block .top-title .en{ font-size:18px; padding-left:30px;}
	.home-flow .flow-content .flow-block .top-title .cn{ font-size:16px; padding-left:30px;}
	.home-flow .flow-content .flow-block .cont{ font-size:14px; padding-left:30px;}
	.home-flow .flow-content .flow-block .top-title .cn .icon{ width:8px; height:8px; left:-2px;}

	.home-hotel-story .swiper-slide .pic{ float:none; width:100%;}
	.home-hotel-story .swiper-slide .txt-box{ width:auto; position:relative; top:0; right:0; padding:15px;}
	.home-hotel-story .swiper-slide .txt-box .top-title .en{ font-size:20px;}
	.home-hotel-story .swiper-slide .txt-box .top-title .cn{ font-size:18px;}
	.home-hotel-story .swiper-slide .txt-box .cont{ font-size:14px; margin-top:10px; line-height:normal;}
	.home-hotel-story .swiper-slide .txt-box .cont .title{ font-size:14px;}
	.home-hotel-story .swiper-slide .txt-box .more{ font-size:14px; margin-top:15px;}
	
	.home-exclusive-offers{ padding:55px 0 15px 0;}
	.home-exclusive-offers .titleH1{ top:35px; left:15px;}
	.home-exclusive-offers .titleH1 .en{ font-size:30px; line-height:32px;}
	.home-exclusive-offers .titleH1 .cn{ font-size:20px;}
	.home-exclusive-offers .swiper-slide .cont{ padding:15px;}
	.home-exclusive-offers .swiper-slide .cont .title{ font-size:18px;}
	.home-exclusive-offers .swiper-slide .cont p{ min-height:44px; line-height:24px; font-size:14px;}
	.home-exclusive-offers .swiper-slide .cont .more{ font-size:14px;}

    .home-hotel-story .pagination{width: auto;left:inherit;right: 20px;top:auto;}
    .home-hotel-story .pagination .swiper-pagination-switch{width:auto;height:auto;margin: 0;box-shadow: none;background: none;overflow: hidden;}
    .home-hotel-story .pagination .swiper-pagination-switch div{display: inline-block;width: 19px;height: 19px;background: url("../images/home-flag.png") no-repeat; }
    .home-hotel-story .pagination .swiper-pagination-switch i{margin: 0px 8px 0;display: inline-block;width: 17px;height: 19px;background: url("../images/home-hotel-story-line2-move.png") no-repeat center;}
    .home-hotel-story .pagination .swiper-active-switch div{background: url("../images/home-flag-active.png") no-repeat;}

    .home-exclusive-offers .pagination{width: auto;left:inherit;right: 20px;top:auto;bottom: 0;}
    .home-exclusive-offers .pagination .swiper-pagination-switch i{margin: 0px 8px 0;display: inline-block;width: 17px;height: 19px;background: url("../images/home-hotel-story-line2-move.png") no-repeat center;}

	.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer{right:20px;margin-right:-50px;width: 220px;font-size: 16px;}
	.wrapFooter .bottom-box .friend-ship{float: left;margin: 15px 0 0 10px;}
	.wrapFooter .bottom-box .friend-ship ul li span{margin: 0 0px 0 3px;}
	.jphd-details .detail .cot{height: 500px;}
	.jphd-details .detail{width: 100%;}
	.jphd-details{padding: 0 10px 0 30px;}
	.jphd-details .detail .close-btn{width: 30px;height: 30px;right: 20px;top: -40px;position: absolute}
	.to-contact-us-layer{height: 48px;line-height: 48px;font-size: 16px;width: 100px;}
	
	.wrapTopNav .topNavInner .quick-entry-right .gift-on.visible-xs{ display:none !important;}

	.update-tipPop .tip-cont{
		padding: 30px;
		width: 80%;
		height: auto;
		margin-left: 0;
		margin-top: 0;
		height: auto;
		transform: translate(-50%, -50%);
	}
	
}
@media (min-width: 992px) and (max-width: 1200px) {
	.visible-xs{ display:none !important;}
	.wrapTopNav .topNavInner{ position:relative; z-index:1; margin:0 4%;}
	
	.wrapTopNav .topNavInner .menu{ width:40px; height:40px; line-height:40px; font-size:12px; top:15px;}
	.wrapTopNav .topNavInner .menu span{ margin-left:9px; position:relative; top:-2px;}
	.wrapTopNav .topNavInner .logo .icon{ width:106px; height:70px; background-size:106px auto;}
	.wrapTopNav .topNavInner .quick-entry-right{ top:20px; line-height:30px;}
	.wrapTopNav .topNavInner .quick-entry-right .icon{ width:28px; height:28px; line-height:28px; font-size:16px;}
	.wrapTopNav .topNavInner .quick-entry-right span{ margin-left:15px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking,.wrapTopNav .topNavInner .quick-entry-right .gift, .wrapTopNav .topNavInner .quick-entry-right .entry{ font-size:14px; margin-left:20px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ background-size:14px;}
	
	.wrapTopNav .login-box{ height:50px; bottom:-50px;}
	.wrapTopNav .login-box .inputText{ width:150px; padding:10px; font-size:14px;}
	.wrapTopNav .login-box .inputBtn{ width:60px; height:40px; font-size:14px;}
	.wrapTopNav .login-box .loginLink{ font-size:14px; margin-top:1px;}
	
	.wrapTopNav .booking-box{ height:100px; bottom:-100px;}
	.flight_destination .inputText{ width:150px; font-size:14px; padding:10px;}
	.flight_date .inputText{ width:150px; font-size:14px; padding:10px; background-position:136px center; background-size:22px;}
	.flight_between{ width:145px;}
	.flight_between .choose_num{width: 145px; height: 40px;}
	.flight_between .prev, .flight_between .next{ width:22px; height:22px; background-size:44px; margin-right:0; margin-top:9px;}
	.flight_between .inputText{ padding:10px 0; font-size:14px;}
	.flight_between span{ height:40px; line-height:40px; font-size:14px;}
	.flight_between .next{ background-position:-22px 0; margin-right:0; float:right;}
	.flight_between .prev.current{ background-position:0 -22px;}
	.flight_between .next.current{ background-position:-22px -22px;}
	.flight_between .prev.hover:hover{ background-position:0 -22px;}
	.flight_between .next.hover:hover{ background-position:-22px -22px;}
	.flight_reservations{ width:100px; height:40px; line-height:40px; font-size:14px;}
	
	.wrapTopNav .booking-box .BHBbot{ line-height:40px;}
	.seniorReservationlinks a{ font-size:14px;}
	.seniorReservationBox .inputText{ width:150px; font-size:14px; padding:10px;}
	.wrapTopNav .booking-box .BHBbot .viewOrder a{ font-size:14px;}
	
	
	.allmenu .js-close{ top:30px; right:35px;}
	.wrapFooter{ padding:30px 3% 35px 3%;}
	.wrapFooter .bottom-box{ margin-top:25px;}
	.wrapFooter .bottom-box .logo{ width:106px;}
	.wrapFooter .bottom-box .links-qr-code{ margin-top:0;}
	.wrapFooter .bottom-box .links-qr-code .icon{ width:35px; height:35px;}
	.wrapFooter .bottom-box .links-qr-code .icon a{ background-size:100% !important;}
	
	.home-banner .swiper-slide .slogan-box .top{ font-size:28px; line-height:normal;}
	.home-banner .swiper-slide .slogan-box .bottom{ font-size:24px;}
	.home-banner .swiper-slide .video-play{ width:107px; height:45px; line-height:45px; padding-left:86px; font-size:14px; margin-left:-98.5px;}
	.home-banner .swiper-slide .video-play:after{ width:22px; height:22px; background-size:100%; margin-top:-11px; left:50px;}
	.home-banner .swiper-pagination-bullet{ width:8px; height:8px;}
	
	.home-brand .home-brand-box{ width:40%;}
	.home-brand .home-brand-box .logo img{ width:121px;}
	.home-brand .home-brand-box .title1{ font-size:26px;}
	.home-brand .home-brand-box .title2{ font-size:22px;}
	.home-brand .home-brand-box .txt{ font-size:14px;}
	.home-brand .home-brand-box .more{ width:193px; height:45px; line-height:45px; font-size:14px; background-size:7px 12px; background-position:130px center;}
	.home-brand .home-brand-box .more a{ padding-left:60px;}
	.home-brand .home-brand-box dl{ font-size:12px;}
	.home-brand .home-brand-box dl dd .title{ font-size:18px;}
	
	.home-flow .flow-content{ padding-top:150px;}
	.home-flow .flow-content .flow-block .top-title .en{ font-size:26px;}
	.home-flow .flow-content .flow-block .top-title .cn{ font-size:22px;}
	.home-flow .flow-content .flow-block .top-title .cn .icon{ width:8px; height:8px; left:-3px;}
	.home-flow .flow-content .flow-block .cont{ font-size:14px; min-height:180px; padding-bottom:60px;}
	
	.home-animation-pc li .txt-box .logo img{ width:60px;}
	.home-animation-pc li.curr .txt-box .logo img{ width:120px;}
	.home-animation-pc li .txt-box .slogan-title{ font-size:22px; margin-top:15px;}
	.home-animation-pc li .txt-box .title1{ font-size:26px; margin-top:55px;}
	.home-animation-pc li .txt-box .title2{ font-size:22px;}
	.home-animation-pc li .txt-box .txt{ font-size:14px;}
	.home-animation-pc li.curr .txt-box{ width:60%; margin-left:-30%;}

	.home-hotel-story .swiper-slide .txt-box .top-title .en{ font-size:26px;}
	.home-hotel-story .swiper-slide .txt-box .top-title .cn{ font-size:22px;}
	.home-hotel-story .swiper-slide .txt-box .cont{ font-size:14px; margin-top:10px;}
	.home-hotel-story .swiper-slide .txt-box .cont .title{ font-size:16px;}
	.home-hotel-story .swiper-slide .txt-box .more{ font-size:16px; margin-top:15px;}

	.home-exclusive-offers{ padding:105px 6% 55px 6%;}
	.home-exclusive-offers .titleH1{ top:68px;}
	.home-exclusive-offers .titleH1 .en{ font-size:60px; line-height:60px;}

	.home-exclusive-offers .titleH1 .cn{ font-size:30px;}
	.home-exclusive-offers .swiper-slide .cont .title{ font-size:26px;}
	.home-exclusive-offers .swiper-slide .cont p{ min-height:44px; line-height:24px; font-size:14px;}
	.home-exclusive-offers .swiper-slide .cont .more{ font-size:16px;}

	.home-flow .flow-content .flow-block{padding: 0 210px 0 190px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer{right:0;margin-right:-50px;width: 220px;font-size: 16px;}
	.wrapFooter .bottom-box .friend-ship{float: left;margin: 15px 0 0 20px;}
	.wrapFooter .bottom-box .friend-ship ul li span{margin: 0 5px 0 8px;}
	.jphd-details .detail .cot{height: 500px;}
	.jphd-details .detail{width: 100%;}
	.jphd-details{padding: 0 30px}
	.jphd-details .detail .close-btn{width: 30px;height: 30px;right: 10px;top: 0px;position: absolute}

	.update-tipPop .tip-cont{
		padding: 50px;
		width: 800px;
		height: 240px;
		margin-left: -400px;
		margin-top: -120px;
	}
}
@media (min-width: 1201px) and (max-width: 1600px) {
	.allmenu .js-close{ top:30px; right:35px;}
	.wrapTopNav .topNavInner .menu{ width:40px; height:40px; line-height:40px; font-size:12px; top:15px;}
	.wrapTopNav .topNavInner .menu span{ margin-left:9px; position:relative; top:-2px;}
	.wrapTopNav .topNavInner .logo .icon{ width:106px; height:70px; background-size:106px auto;}
	.wrapTopNav .topNavInner .quick-entry-right{ top:20px; line-height:30px;}
	.wrapTopNav .topNavInner .quick-entry-right .icon{ width:28px; height:28px; line-height:28px; font-size:16px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking,.wrapTopNav .topNavInner .quick-entry-right .gift, .wrapTopNav .topNavInner .quick-entry-right .entry{ font-size:14px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login-n .icon:after{ background-size:14px;}
	
	.wrapTopNav .login-box{ height:50px; bottom:-50px;}
	.wrapTopNav .login-box .inputText{ width:150px; padding:10px; font-size:14px;}
	.wrapTopNav .login-box .inputBtn{ width:60px; height:40px; font-size:14px;}
	.wrapTopNav .login-box .loginLink{ font-size:14px; margin-top:1px;}
	
	.wrapTopNav .booking-box{ height:100px; bottom:-100px;}
	.flight_destination .inputText{ width:150px; font-size:14px; padding:10px;}
	.flight_date .inputText{ width:150px; font-size:14px; padding:10px; background-position:136px center; background-size:22px;}
	.flight_between{ width:145px;}
	.flight_between .prev, .flight_between .next{ width:22px; height:22px; background-size:44px; margin-right:0; margin-top:9px;}
	.flight_between .inputText{ padding:10px 0; font-size:14px;}
	.flight_between span{ height:40px; line-height:40px; font-size:14px;}
	.flight_between .next{ background-position:-22px 0; margin-right:0; float:right;}
	.flight_between .prev.current{ background-position:0 -22px;}
	.flight_between .next.current{ background-position:-22px -22px;}
	.flight_between .prev.hover:hover{ background-position:0 -22px;}
	.flight_between .next.hover:hover{ background-position:-22px -22px;}
	.flight_reservations{ width:100px; height:40px; line-height:40px; font-size:14px;}
	
	.wrapTopNav .booking-box .BHBbot{ line-height:40px;}
	.seniorReservationlinks a{ font-size:14px;}
	.seniorReservationBox .inputText{ width:150px; font-size:14px; padding:10px;}
	.wrapTopNav .booking-box .BHBbot .viewOrder a{ font-size:14px;}
	
	.flight_destination .city-layer{ top:40px;}
	
	.wrapFooter{ padding:30px 3% 35px 3%;}
	.wrapFooter .bottom-box{ margin-top:25px;}
	.wrapFooter .bottom-box .logo{ width:106px;}
	.wrapFooter .bottom-box .links-qr-code{ margin-top:0;}
	.wrapFooter .bottom-box .links-qr-code .icon{ width:35px; height:35px;}
	.wrapFooter .bottom-box .links-qr-code .icon a{ background-size:100% !important;}
	
	.home-banner .swiper-slide .slogan-box .top{ font-size:28px; line-height:normal;}
	.home-banner .swiper-slide .slogan-box .bottom{ font-size:24px;}
	.home-banner .swiper-slide .video-play{ width:107px; height:45px; line-height:45px; padding-left:86px; font-size:14px; margin-left:-98.5px;}
	.home-banner .swiper-slide .video-play:after{ width:22px; height:22px; background-size:100%; margin-top:-11px; left:50px;}
	.home-banner .swiper-pagination-bullet{ width:8px; height:8px;}
	
	.home-brand .home-brand-box .logo img{ width:121px;}
	.home-brand .home-brand-box .title1{ font-size:26px;}
	.home-brand .home-brand-box .title2{ font-size:22px;}
	.home-brand .home-brand-box .txt{ font-size:14px;}
	.home-brand .home-brand-box .more{ width:193px; height:45px; line-height:45px; font-size:14px; background-size:7px 12px; background-position:130px center;}
	.home-brand .home-brand-box .more a{ padding-left:60px;}
	.home-brand .home-brand-box dl{ font-size:14px;}
	.home-brand .home-brand-box dl dd .title{ font-size:20px;}

	
	.home-flow .flow-content{ padding-top:150px;}
	.home-flow .flow-content .flow-block .top-title .en{ font-size:26px;}
	.home-flow .flow-content .flow-block .top-title .cn{ font-size:22px;}
	.home-flow .flow-content .flow-block .top-title .cn .icon{ width:8px; height:8px; left:-3px;}
	.home-flow .flow-content .flow-block .cont{ font-size:14px; min-height:180px; padding-bottom:60px;}
	
	.home-animation-pc li .txt-box .logo img{ width:80px;}
	.home-animation-pc li.curr .txt-box .logo img{ width:120px;}
	.home-animation-pc li .txt-box .slogan-title{ font-size:22px; margin-top:15px;}
	.home-animation-pc li .txt-box .title1{ font-size:26px; margin-top:55px;}
	.home-animation-pc li .txt-box .title2{ font-size:22px;}
	.home-animation-pc li .txt-box .txt{ font-size:14px;}
	
	.home-hotel-story .swiper-slide .txt-box .top-title .en{ font-size:26px;}
	.home-hotel-story .swiper-slide .txt-box .top-title .cn{ font-size:22px;}
	.home-hotel-story .swiper-slide .txt-box .cont{ font-size:14px;}
	.home-hotel-story .swiper-slide .txt-box .cont .title{ font-size:16px;}
	.home-hotel-story .swiper-slide .txt-box .more{ font-size:16px;}

	.home-exclusive-offers{ padding:105px 6% 55px 6%;}
	.home-exclusive-offers .titleH1{ top:68px;}
	.home-exclusive-offers .titleH1 .en{ font-size:60px; line-height:60px;}
	.home-exclusive-offers .titleH1 .cn{ font-size:30px;}
	.home-exclusive-offers .swiper-slide .cont .title{ font-size:26px;}
	.home-exclusive-offers .swiper-slide .cont p{  line-height:24px; font-size:14px;}
	.home-exclusive-offers .swiper-slide .cont .more{ font-size:16px;}

	.home-flow .flow-content .flow-block{padding: 0 210px 0 190px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .contact-layer{right:0;margin-right:-50px;width: 230px;font-size: 16px;}
	.wrapFooter .bottom-box .friend-ship{float: left;margin: 15px 0 0 60px;}
	.wrapFooter .bottom-box .friend-ship ul li span{margin: 0 17px 0 20px;}
	.jphd-details .detail .cot{height: 500px;}
	.jphd-details .detail{width: 1120px;}
	/*.wrapTopNav .topNavInner .menu{ width:56px; height:56px; line-height:56px; font-size:16px; top:12px;}
	.wrapTopNav .topNavInner .menu span{ margin-left:13px;}
	.wrapTopNav .topNavInner .logo .icon{ width:121px; height:80px; background-size:121px auto;}
	.wrapTopNav .topNavInner .quick-entry-right{ top:24px; line-height:34px;}
	.wrapTopNav .topNavInner .quick-entry-right .icon{ width:32px; height:32px; line-height:32px; font-size:20px;}
	.wrapTopNav .topNavInner .quick-entry-right .booking, .wrapTopNav .topNavInner .quick-entry-right .entry{ font-size:16px;}
	.wrapTopNav .topNavInner .quick-entry-right .contact .icon:after,.wrapTopNav .topNavInner .quick-entry-right .login .icon:after{ background-size:15px;}
	
	.home-banner .swiper-slide .slogan-box .top{ font-size:30px; line-height:normal;}
	.home-banner .swiper-slide .slogan-box .bottom{ font-size:26px;}
	.home-banner .swiper-slide .video-play{ width:133px; height:54px; line-height:54px; padding-left:96px; font-size:16px; margin-left:-116.5px;}
	.home-banner .swiper-slide .video-play:after{ width:26px; height:26px; background-size:100%; margin-top:-12px; left:54px;}
	
	.home-brand .home-brand-box .logo img{ width:121px;}
	.home-brand .home-brand-box .title1{ font-size:30px;}
	.home-brand .home-brand-box .title2{ font-size:26px;}
	.home-brand .home-brand-box .txt{ font-size:14px;}
	.home-brand .home-brand-box .more{ width:229px; height:54px; line-height:54px; font-size:16px; background-position:170px center;}
	.home-brand .home-brand-box .more a{ padding-left:80px;}
	
	.home-flow .flow-content{ padding-top:150px;}
	.home-flow .flow-content .flow-block .top-title .en{ font-size:30px;}
	.home-flow .flow-content .flow-block .top-title .cn{ font-size:26px;}
	.home-flow .flow-content .flow-block .cont{ font-size:14px; min-height:180px; padding-bottom:60px;}
	
	.home-animation-pc li.curr .txt-box .logo img{ width:160px;}
	.home-animation-pc li .txt-box .slogan-title{ font-size:26px; margin-top:15px;}
	.home-animation-pc li .txt-box .title1{ font-size:30px; margin-top:55px;}
	.home-animation-pc li .txt-box .title2{ font-size:26px;}*/
	
	.flight_between .choose_num{height: 40px; width: 145px;}
	.flight_between .unit{top: 8px;}
	.hotelBookWrap{margin: 105px auto 70px auto;}
	.order2Content-bg{margin:105px auto 70px auto;}
	
	
	
}
@media (min-width: 1201px){
	.wrapTopNav .topNavInner .menu:hover {
		color: #fff;
	}
	.wrapTopNav .topNavInner .menu:hover:after {
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
	}
}