body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0; padding:0;} 
body{font-family:"微软雅黑","Arial Narrow",HELVETICA; background:#fff;-webkit-text-size-adjust:100%; overflow-x: hidden; font-size: 16px;}
a{color:#ffffff;text-decoration:none !important;} 
a:hover{color:#b6a176;} 
em{font-style:normal;} 
li{list-style:none;} 
img{border:0;vertical-align:middle;} 
table{border-collapse:collapse;border-spacing:0;} 
p{word-wrap:break-word;font-family:"微软雅黑","Arial Narrow",HELVETICA !important;}
.layui-laydate-footer{ display:none !important;}
/* header-banner CSS START */
.flexslider{position:relative;height:610px;overflow:hidden;background:url(../image/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:610px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../image/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}*/
.flex-direction-nav li a.flex-next{right:40px;background:url(../image/next.png) center center no-repeat;}
/* Header-banner CSS END */

/* Login-Wrap CSS START*/
.member-popup-box{
	position: absolute;
	right:80px !important;
	top: 40px;
	width:292px;
}
.members{
	padding: 15px 25px !important;
	border-radius: 4px !important;
	left: inherit;
	top:-3px;
}

.members a{
	padding: 0 !important;
}
.members li{
	width: 240px !important;
	margin-bottom: 14px;
	position: relative;
}
.members li label{
	font-size: 11px;
	color: #333;
	margin:0;
	display:block;
	margin:0px;
	padding:0px;
	line-height:17px;
}
.members li input{
	border-radius: 0;
	width: 100%;
	height: 30px;
	padding: 4px 10px;
}
.members li .loginBtn{
	background: #C7B080 ;
	color: #fff;
	border: 1px solid #C7B080 ;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}
.members .register-btn{
	background: #C7B080;
	cursor: pointer;
}
.members li .loginBtn.able,.members .register-btn.able,.confirm-btn.able, .verification-box.able{
	background: #C2A976 !important;
	color: #fff;
}
.members .registerBtn{
	margin-bottom:5px;
}
.members .form-foreigner{
	margin:0px;
	padding:0px;
}
.vip_password{
	margin-bottom:14px!important;
    font-size: 14px;
    padding: 0 !important;
    display: inline-block !important;
    font-size: 12px !important;
	font-weight: 700 !important;
	
}
li.vip_password-li{
	line-height:30px;
	margin-bottom:4px;
}
.vip_password-li a{
	padding: 0;
	font-weight: bold;
}
.wrapPostion-login{
	left: 254px !important;
}
.wrapPostion-login-2{
	left: -68px !important;
}
.btnMargin{
	margin-top: 24px !important;
}

.modify-information-menu,.change-password-menu{left: 188px;}

/* Login-Wrap CSS END*/

/* 注册 CSS START */

/*modal 预定 注册 */
.register-height{
	line-height: 34px;
}
.menu-offset-right{
	left: -20px;
}
.register-wrap{
	width: 292px;
}
.register-wrap li label{

	height:17px;
	font-size:11px;
	color:rgba(74,74,74,1);
	line-height:17px;
	display:block;
}

.register-wrap li.agree-text{
	font-size: 10px;
	color:#898989;
	font-weight: 700;
	margin-top: 20px;
	line-height: 16px;
}
.register-wrap li.agree-text span{
	color:#39393A;
}
.register-default{
	background:rgba(222,222,222,1) !important;
	border: 1px solid rgba(222,222,222,1) !important;
}
.register-btn{
	margin-top: 17px;
}
.Foreigner-text-btn{
	display: block;
	font-size: 10px;
	text-align: right;
	padding: 0 !important;
}
.Foreigner-text-btn:hover{
	background: transparent !important;
}
.verification{
	position: relative;
}
.verification img{
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	width: 77px;
}
.verification-pr{
	padding-right: 88px;
}
.verification-pr img{
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	width: 77px;
}
.verification-box{
	display: block;
	width:77px;
	text-align: center;
	background:rgba(222,222,222,1);
	font-size:10px;
	color:rgba(255,255,255,1);
	line-height:30px;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
}
.vip-border-none{
	border: none;
}
.vip-border-none:hover{
	border: none;
}
.vip-info span{
	height: 34px;
	padding-left: 24px;
	display: inline-block;
	background: url(../image/icon_member.png) no-repeat 4px 15px;
	background-size: 13px 10px;
	margin-left: 12px;
}
.vip-info-nav li{
	height: 22px !important;
	text-align: center;
	margin: 4px 0 4px 0;
	font-size: 12px;
	line-height: 22px;
	font-weight: 700;
	color: #333;
	cursor:pointer;
	width:180px !important;
}
cite{
	font-style: normal;
}
.vip-info-nav cite{
	display: inline-block;
	width: 60px;
}
.vip-info-nav li.integral{
	text-align: left;
	height: 52px !important;
	
}
.integral span{
	display: block;
	text-align: left;
	line-height: 20px;
	color: #9B9B9B;
	font-weight: normal;
}
.vip-info .bg-none{
	padding-left: 0;
	background: none !important;
}
.reset-btn-mt{
	margin-top: 24px;
}
.register-wrap .confirm-li strong{
	display: block;
	line-height: 18px;
	font-size: 12px;
	color: #333;
}
.register-wrap .confirm-li p{
	line-height: 18px;
	font-size: 12px;
	color: #9B9B9B;
	margin-top: 7px;
}
.register-wrap .confirm-li .confirm-btn{
	background: #C7B080;
	line-height: 36px;
	color: #fff;
	text-align: center;
	margin-top: 24px;
}
.verification-current{
	background: #C7B080;
	color: #fff;
}
.form-control-danger{
	border-color: #D0021B !important;
}
.form-control-feedback{
	color: #D0021B;
	font-size: 11px;
	width: auto !important;
	height: auto !important;
	text-align: left;
	line-height: 18px !important;
	position: relative;
	left: 0px !important;
	top: 5px !important;
}
.reset-success{
	margin: 0 auto;
	text-align: center;
}
.reset-success .icon-success{
	width: 95px;
	height: 95px;
	display: block;
	background: url(../image/icon_choose.png) no-repeat center center;
	background-size: 95px 95px;
	margin: 26px auto 7px;
}
.reset-success p{
	height: 24px;
	font-weight: 700;
	margin-bottom: 0 !important;
	color: #333;
}
.reset-success p span{
	color: #c7b080;
}
.reset-success cite{
	color: #4A4A4A;
	font-weight: 700;
}
.form-control-feedback-btn{
	top:40px !important;
}
.return-btn{
	position: absolute;
	top: 4px;
	right:-20px;
	color: #dedede !important;
	font-weight: 700 !important;
}
.return-btn:hover,.return-btn:active,.return-btn:active,.return-btn:focus{
	background: transparent !important;	
	color: #333 !important;
}
.registerBtn a{
	display: block;
	text-align: center;
	height: 38px;
	line-height: 38px !important;
	color: #fff !important;
	background: #353535;
}

/* 注册 CSS END*/
















/*Nav-wrapper CSS START*/
.logo{
	/*background: url(../image/nav-bg.png) repeat;*/
	background-color: #333;
	width:200px;
	height: 140px;
	margin: 0px !important;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding:20px;
}
.logo-bg{
	background: #333;
}
.logo img{
	text-align: center;
	margin: 0 auto;
	display: block;
	max-width: 160px;
	max-height: 110px;
}
.nav-container{
	width: 200px;
	height:610px;
	position: absolute; 
	top: 0; 
	z-index: 2;
}
.nav{
	background: url(../image/nav-bg.png) repeat;
	display: block;
	border-bottom: 1px solid #c7b080;
	border-top: 2px solid #c7b080;
	position: relative;
	z-index: -1;
}
.nav li{
	height: 40px;
	text-align: center;
	line-height: 38px;
}
.nav li a{
	color: #fff; 
	font-size: 16px; 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	padding:0px 10px;
}
.nav li a:hover,.nav li a:focus,.nav li a.active{
	background-color: #C7B080 !important;
	padding: 0 !important;	 
	color: #fff !important;
}
.nav li .secondary-nav{
	width: 200px;
	background:url(../image/nav-bg.png) repeat;
	/* padding: 20px 0px; */
	position: absolute;
	left: 200px;
	top: -20px;
	display:none;
}
.nav li .secondary-nav li:first-child{
	margin-top: 20px;
}
.nav li .secondary-nav li:last-child{
	margin-bottom: 20px;
}
#userinfo li a:hover,.nav li a:focus,#userinfo li a.active{
	background-color: #fff !important;
	color: #C7B080 !important;
}
.nav li:hover .secondary-nav{
	display:block;
}
.nav .secondary-nav li a:hover, .nav .secondary-nav li a.active{
	background:none !important;
	color:#C7B080 !important;
	display:block;
}
/*Nav-wrapper CSS END*/

/*Loginbar CSS START*/
.loginbar-container{
	height: 40px;
	padding: 0 20px; 
	background: url(../image/loginbar-bg.png) repeat; 
	position: absolute;
	top: 0;
	right: 3%;
	z-index: 2;
	color: #fff;
	font-size: 13px;
	display: flex;
	align-items: center;
}
.loginbar-container a{
	color: #fff;
	font-size: 13px;
	font-weight:300;
	line-height: 40px;
	display: inline-block;
	/*padding: 0 4px;*/
	cursor:pointer;
	font-weight:700;
}
.loginbar-container a:hover,.loginbar-container a:focus{
	color: #b6a176;
}
.weather-time-module,.login-lang-module,.login,.lang,.weather,.time{
	float: left;
}
.weather{
	line-height: 32px;
}
.login{
	margin: 0 20px;
}
.login a{
	padding:0 4px;
}
.login-wrap{
	position: relative;
}
.login-wrap a:focus{
	color: #fff;	
}
.login-lang-module{
	line-height: 40px;
}
.lang{
	line-height: 40px;
	cursor: pointer;
	margin: 0 10px;
	float: right;
	font-weight:700;
}
.lang-wrap{
	width: 100px;
	padding:10px 20px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 40px;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border: 1px solid rgba(0,0,0,.15);
	display:none;
}
.lang-wrap li{
	line-height:30px;
	color: #333;
	cursor: pointer;
}
.lang-wrap li:hover{
	color: #C7B080;
}
.lang span{
	display: block;
	width: 16px;
	height: 40px;
	float: left;
}
.lang span.lang-bg{
	background: url(../image/lang-bg.png);
	margin-right: 4px;
}
.lang span.arrow{
	width: 8px;
	float: right;
	background: url(../image/arrow-bg.png) ;
	margin-left: 4px;
}
/*Loginbar CSS END*/

/* Booking CSS START */
.booking-wrapper{
	/*height: 150px;*/
	background: #000;
	padding: 30px 0;
}
.booking-container{
	width: 1000px;
	/*height: 90px;*/
	margin: 0 auto;
	position: relative;
	font-size:14px;
	display: flex;
    flex-wrap: wrap;
}
.booking-container li{
	/*float: left;*/
	padding: 6px 20px;
}
.booking-container li label{
	color: #fff;
	width:130px;
}
.booking-container li input{
	width: 207px;
	height: 32px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	padding-left: 8px;
}
.booking-container li input.input-times{
	background: url(../image/icon-times.png) no-repeat; 
	background-position:176px 5px;
	cursor: pointer;
}

.booking-select{
	width: 207px;
	height: 32px;
	color: #fff;
	border: 1px solid #fff;
	/*border-radius: 4px;*/
	cursor: pointer;
	padding-left: 3px;
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #fff;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*将背景改为红色*/
	background:#000;
	transform: translateX(-4px);
	/*加padding防止文字覆盖*/
	/*padding-right: 14px;*/
	}
	/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
	select::-ms-expand { display: none; }
.selecttips{
    position:relative;
    display: inline-block;
}
.selecticon{
	width: 13px;
	height: 8px;
    position: absolute;
    right: 11px;
    top: 12px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    background: url(../image/select-down-arrow.png);
    display: block;
}
.searchBtn{
	width: 207px;
	height: 34px;
	background: #fff;
	text-align: center;
	line-height: 34px;
	color: #4a4a4a;
	font-size: 16px;
	font-weight:600;
}
.searchBtn:hover,.searchBtn:focus,.myOrdersearch:hover,.myOrdersearch:focus{
	color: #333;
}
.search-li{
	position: absolute;
	top: -53px;
	right: 10px;
	z-index: 1;
}
.myOrdersearch{
	display: block;
	width: 122px;
	height: 40px;
	text-align: center;
	color: #4a4a4a;
	background: #fff;
	border-radius: 50px;
	box-shadow: 1px 1px 10px #7f7f7f;
	position: absolute;
	text-align: left;
	line-height: 43px;
	font-weight:600;
}
.search-icon{
	float: left;
	width: 20px;
	height: 20px;
	margin:10px 8px 0 20px;
	background: url(../image/icon-search.png) no-repeat;
}

.layui-laydate td.layui-this{
	background-color:#C7B080 !important;
}
/* Booking CSS END */

/* SECTION-CONTENT CSS START */
.content-container{
	width: 1280px;
	margin: 0 auto;
	padding: 40px 240px;
}
.index-body{
	padding: 40px 0;
	margin-top:40px;
}
.titleH3{
	font-size: 40px;
	text-align: center;
	padding-bottom: 24px;
	margin-bottom: 24px;
	background: url(../image/title-bg.png) no-repeat bottom center;
}
.content-text{
	/*text-indent: 2em;*/
	font-size: 16px;
	color: #4a4a4a;
	line-height: 1.68;
}
.content-text p{
	line-height: 1.8;
	font-size: 16px !important;
}
.content-text img{
	max-width: 100%;
}
.detailsBtn{
	display: block;
	color: #fff;
	background: #c7b080;
	width: 210px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	margin: 40px auto 30px;
}
.detailsBtn:hover,.detailsBtn:focus{
	color: #fff;
}
/* SECTION-CONTENT CSS END */

/* SECTION-NEWS CSS START */
.promotion-container,.news-container{
	/*height: 400px;*/
	display: flex;
	justify-content:space-between;
}
.news-container{
    flex-direction: row-reverse;
}
.news-wrapper{
	width: 1280px;
	/*height: 880px;*/
	margin: 0 auto;
	padding:40px 0;
}
.promotion{
	width: 50%;
	/*height: 400px;*/
	
	padding: 20px 40px 20px 0;
	display: flex;
	flex-direction: column;
}
.promotion-pic{
	width: 50%;
	/*height: 400px;*/
	
	/*background: url(../image/promotion-pic.png);*/
	/*background-size: 100%;*/
 /*   background-repeat: no-repeat;*/
}
.news{
	padding: 20px 0 20px 40px;
	width: 50%;
	/*height: 400px;*/
	display: flex;
	flex-direction: column;
}
.news-pic{
	width: 50%;
	/*height: 400px;*/
	
	/*background: url(../image/news-pic.png);*/
	/*background-size: 100%;*/
 /*   background-repeat: no-repeat;*/
}
.news-pic>img,.promotion-pic>img{
    width: 100%;
}
#newsList{
    flex: 1;
	/*margin-top: 12px;*/
}
#newsList li{
	width: 100%;
	height: 44px;
	line-height: 24px;
	border-bottom: 1px solid #d8d8d8;
	padding: 10px 0;
}

.li-lt{
	width: 60%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	font-weight:600;
}
.li-lt a{
	color: #4a4a4a;
}
.li-lt a:hover{
	color: #c7b080;
}
.li-rt{
	float: right;
	/*width: 200px;*/
}
.li-rt a{
	float: right;
	width: 68px;c
	height: 23px;
	text-align: right;
	line-height: 22px;
	color: #8c8a8a;
	font-size: 12px;
	margin-right: 7px;
}

.li-rt span{
	float: left;
	font-size: 12px;
	color: #8c8a8a;
}
.li-rt img{
	float: right;
	margin: 7px 4px 0 7px;
}
.new-more a{
	color: #c7b080;
}
.new-more a:hover{
	color: #b6a176;
}
.content-body{
	width: 1280px;
	min-height: 240px;
	margin: 0 auto;
	padding: 0px 240px 40px;
}
.page-body{
	padding: 0px 190px 40px;
}
.newstitle{
	margin-top: 70px;
	text-align: center;
	margin-bottom: 24px;
	font-weight:400;
}
.newsdate{
	text-align: center;
	margin-bottom: 70px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d8d8d8;
	color: #8c8a8a;
}

.list p{
	/*text-indent: 2em;*/
	margin: 0 !important;
	line-height: 1.8;
}
/*.list img{*/
	/*display: block;*/
	/*margin: 12px auto;*/
	/*width:100% !important;*/
	/*max-width:600px;*/
	/*height:100% !important;*/
/*}*/
.list .back{
	border-top: 1px solid #d8d8d8;
	margin-top: 40px;
}
.list .back a{
	color: #c7b080;
	float: right;
	line-height: 40px;
	text-align: right;
}
.list .back a:hover{
	color: #b6a176;
}

.promotion-wrap{
	margin-top: 70px;
	padding-bottom: 20px;
}
.backBtn{
	float: right;
	color: #c7b080;
	line-height: 40px;
}
.backBtn:hover{
	color: #b6a176;
}
.titleMargin{
	margin-top: 70px;
}
/* SECTION-NEWS CSS END */

/* FOOTER CSS START*/
.footer-wrapper{
	background: #000;
	margin-top: 120px;
}
.footer-container{
	width: 1280px;
	/*overflow: hidden;*/
	margin: 0 auto;
	position: relative;
}
.footer-container ul li{
	float: left;
	color: #fff;
	line-height: 70px;
	margin: 0 20px;
	font-weight: 700;
}
.fl {
	float: left;
	color:#fff;
	font-weight: 700;
	line-height: 24px;
	padding:14px 0px;
	text-align: left;
	width: 69%;
	font-size:14px;
	display: flex;
	flex-direction: column;
    
}
.fl>div{
    display: flex;
    flex-wrap: wrap;
}
.fl p{
    margin-right: 12px;
}
.fl>a{
    display: block;
}
/*.fl strong{*/
/*	margin-left:12px !important;*/
/*}*/
/*.fl .first-strong{*/
/*	margin-left:0 ;*/
/*}*/
.fr {
	float: right;
	width: 26%;
	height: 40px;
	position: relative;
}

.red-shield-codes{
	position: absolute;
	left:-70px;
	top:16px;
}
.red-shield-codes>div>a{
	display: flex !important;
	
}
.red-shield-codes>div>a>img{
	width: 20px;
	height: 20px;
	
}
.bdsharebuttonbox {
	position: absolute;
	z-index: 999;
	top: 38px;
}
.bdsharebuttonbox a.sina, .bdsharebuttonbox a.weixin {
	background-image: url(../image/weibo.png);
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	font-size: 12px;
	height: 32px;
	width: 32px;
	line-height: 16px;
	margin: 0px 6px 6px 0;
	padding-left: 0px;
}
.bdsharebuttonbox a.weixin{
	background-image: url("../image/weixin.png");
}
.weixinpic {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d8d8d8;
	font-size: 12px;
	height: 322px;
	left: -74px;
	padding: 20px;
	position: absolute;
	top: -345px;
	width: 242px;
	z-index: 1000;
}
.weinxinpic_head {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	position: relative;
	text-align: left;
	margin-bottom: 15px;
}
.weinxinpic_head span {
	font-weight: bold;
	display: block;
}
.weinxinpic_head_close {
	color: #999 !important;
	font-size: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 16px;
}
.weixinpic img {
	width: 200px;
	height: 200px;
}
.weinxinpic_foot {
	margin-top: 15px;
	color: #666;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
}

/* FOOTER CSS END*/

.members-top{
	top:37px;
}
#forgetpassword{
	cursor: pointer;
}
.click-down-btn{
	width: 200px;
	height:40px;
	background: #fff;
	position: absolute;
	bottom:-21px;
	background:url(../image/nav-down-btn.png) no-repeat;
	z-index: -1;
}
.body-content-wrap{
	font-size: 16px;
}
/*2018/04/09 add by yc DHP-1735 start*/
.nav a:focus{
	outline: none;
}
/*2018/04/09 add by yc DHP-1735 end*/

/*2018/04/09 add by yc DHP-1736 start*/
#contentDetail p {
	/*text-indent: 2em;*/
	line-height: 1.8;
	margin:0;
}
#contentDetail p img{
	max-width: 900px;
}
#contentDetail a{
	color: #c7b080;
}
/*2018/04/09 add by yc DHP-1736 end*/
.text-align-left-css{
	text-align: left !important;
}
.text-align-center-css{
	text-align: center !important;
}
.text-align-right-css{
	text-align: right !important;
}
.line-height-big p{
	line-height:2 !important;
}
.line-height-middle p{
	line-height:1.9 !important;
}
.line-height-small p{
	line-height:1.85 !important;
}

iframe{
	margin-top: 20px;
}

@media only screen and (min-width: 1920px) {
  .content-container,.news-wrapper,.footer-container{
	width: 1280px;
  }
  
}
@media only screen and (max-width: 1920px) {
  .content-container,.news-wrapper,.footer-container{
	width: 66.6667%;
	padding: 0;
  }
}
@media only screen and (max-width: 1600px) {
    .flexslider {
      height: auto; 
    }
    .slides li{height:auto;}

    #newsList li {
        height: 36px;
        line-height: 19px;
        padding: 10px 0;
    }
    .news {
        padding: 20px 0 0px 40px;
    }
    .ifa,.body-mobile,.amap-labels{
        width: 100% !important;
        /*height: auto !important;*/
        min-width: 100% !important;
    }
}
@media only screen and (max-width:1425px) {
   .red-shield-codes {
        position: absolute;
        left: -82px;
        top: 16px;
    }
    .fl p {
        margin-right: 7px;
    }
}
@media only screen and (max-width:1300px) {
    .nav li {
        height: 35px;
        line-height: 35px;
    }
    .nav li a {
        font-size: 14px;
    }
    .content-text p {
        line-height: 1.8;
        font-size: 14px;
    }
    .titleH3{
        font-size: 30px;
    }
    #newsList li {
        font-size: 14px;
        font-weight: 500;
    }
    .fr p,.new-more{
        font-size: 14px;
    }
    .fl p {
         font-size: 12px;
    }
    .red-shield-codes {
        position: absolute;
        left: -71px;
        top: 16px;
    }
    
}
@media only screen and (max-width:1200px) {
    .booking-container {
        width: 72%;
         height: auto; 
       
    }
    .booking-wrapper {
        height: auto;
        background: #000;
        padding: 30px 0;
    }
}
@media only screen and (max-width:780px) {
   .fr {
    	width: 21%;
    }
}
@media only screen and (max-width:767px){
    .content-container,.news-wrapper,.footer-container{
    	width: 96%;
    	padding: 0;
    }
    .booking-container {
        width: 100%;
    }
    .booking-container li {
        width: 100%;
        padding: 6px 20px;
    }
    .promotion-container,.news-container {
        /* height: 400px; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .selecticon {
        right: 6.5%;
    }
    .booking-container li input {
        width: 100%;
    }
    .booking-select {
        width: 100%;
        transform: translateX(0px);
    }
    .booking-container li input.input-times {
        background: url(../image/icon-times.png) no-repeat;
        background-position: 95% 5px;
        cursor: pointer;
    }
    .loginbar-container {
        height: auto;
        right: 0%; 
        width: 100%;
        justify-content: space-between;
         padding: 0px 10px;
    }
    .nav-container {
        width: 100%;
        height: 140px;
        position: relative;
        z-index: 2;
        /*margin-top:40px;*/
    }
    .nav{
        /*background: url('') repeat;*/
        /*transform: translateY(-40px);*/
    }
    .logo {
        width: 100%;
        display:block;
    }
    .click-down-btn {
        width: 100%;
       
        background-position: bottom;
    }
    
    .login-lang-module {
        /*flex: 1;*/
        line-height: 40px;
        display: flex;
        justify-content: flex-end;
        width:200%;
    }
    .login{
        margin: 0;
    }
    .lang{
        margin: 0;
    }
    .nav li{
        padding: 0 20px;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }
    .nav li a {
        width: 90%;
    }
    .nav>li .aa {
        transition: all 0.2s;
        transform: rotate(180deg);
    }
    .nav>li .aa:before{
        content: "";
        width: 0;
        transition: all 0.2s;
    }
    .nav li a:hover, .nav li a:focus, .nav li a.active {
        background-color:rgba(0,0,0,.01) !important;
         padding:0 10px !important; 
        color: #C7B080 !important;
    }
    .nav li .secondary-nav{
        width: 100%;
        background: url(' ');
        background-color: rgba(0,0,0,.9);
        /* padding: 20px 0px; */
         position: absolute; 
         transform: translateX(-50%);
        left: 50%;
        top: 35px;
        /* display: none; */
        z-index:4 ;
    }
    .expend{
        display: block;
        width: 15px;
        height: 2px;
        position: relative;
        background: #666;
        transition: all 0.5s linear;
    }
    .nav li span:before{
        content: "";
        width: 2px;
        height: 15px;
        position: absolute;
        background: #666;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .promotion,.promotion-pic,.news,.news-pic{
        width: 100%;
        padding: 0 0 20px 0;
    }
    .footer-container{
        display: flex;
        flex-direction: column;
    }
    .fl ,.fr{
        width: 100%;
        height: auto;
    }
    .fr{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
     .red-shield-codes {
        position: relative;
        left: 0px;
        top: 0px;
    }
    .red-shield-codes>div {
        width: 100% !important;
    }
    .red-shield-codes p {
        font-size: 14px;
    }
    .bdsharebuttonbox {
        position: relative;
        z-index: 999;
        top: 0px;
    }
    .flex-direction-nav li a {
        display: block;
        width: 23px;
        height: 23px;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
    }
    .flex-direction-nav li a.flex-next {
        right: 20px;
        background: url(../image/next.png) ;
        background-size: cover;
    }
    .flex-direction-nav li a.flex-prev {
        left: 20px;
        background: url(../image/next.png) ;
        background-size: cover;
        transform: rotate(180deg);
    }
    .titleH3 {
        font-size: 30px;
    }
    .content-text p {
        line-height: 1.8;
        font-size: 16px;
    }
    #denglus,#zhuces,.members li,.register-wrap ,#common_logo{
        width: 100% !important;
    }
    .member-popup-box {
        right: 0px !important; 
        
    }
    #newsList li{
    	display: flex;
    	justify-content: space-between;
    }
     #newsList li .li-lt a{
    	display: block;
    	width: 100%;
    	overflow: hidden;
        text-overflow: ellipsis;
    }
    #newsList li .li-rt{
    	width:40%;
    	display: flex;
    	flex-direction: row-reverse;
    }
    
    
    
}