/*
author:chenlijian;
design:huangjunkai;
update:2015-10-16;
*/
html{position: relative;/*overflow-x:hidden;*/ }
body{position: relative;/*overflow-x:hidden;*/ min-width: 1245px; font:12px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input,b{margin:0;padding:0;font-weight: normal;}
table{width:auto;border-collapse: collapse;border-spacing: 0;}
li{list-style: none;vertical-align: bottom;}
em,i{font-style: normal;}
a{outline: none;text-decoration: none;transition: color .3s,opacity .3s,transform .3s;-webkit-transition: color .3s,opacity .3s,transform .3s;}
a:hover{outline: none;text-decoration: underline;}
img{border: 0;}
.hidden{display: none;}
.hide_txt{text-indent: -9999em;font-size: 0;line-height: 0;}
.clearfix:after{display:block;content:"";visibility:hidden;clear:both;height:0;}
.clearfix{zoom:1;}



.wrap{height: 100%;width: 100%;position: relative;overflow: hidden;}
.wrapper{height: 100%;position: relative;overflow: hidden;}
.content{position: relative;width: 1200px;margin: 0 auto;}

.small2{transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);}
.small3{transform:scale(0.65,0.65);-webkit-transform:scale(0.65,0.65);}
.small4{transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);}
.small5{transform:scale(0.75,0.75);-webkit-transform:scale(0.75,0.75);}
.small6{transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);}
.small7{transform:scale(0.85,0.85);-webkit-transform:scale(0.85,0.85);}
.small8{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);}
.small9{transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);}


.product_list{position: relative;height: 100%;width: 100%;}
.product_box{ position: absolute; width: 100%;height: 100%;top: 0;left: -9999px;}
.product_box:first-child{position: relative;}
.bg_box{/*position: absolute;*/width: 100%;height: 100%;top: 0;left: 0;background-position: center center;background-repeat: no-repeat;}
.bg_main{width: 1000px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -500px;background-position: center center;background-repeat: no-repeat;}
.bg_box img{/* position: absolute; *//* top: 50%; *//* left: 50%; */ width: 100%; height: auto;}

.product_box .content{width: 1000px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -500px;z-index: 5;transform-origin: center center;-webkit-transform-origin: center center;}
.product_box .main_box{position: relative;height: 100%;left: -9999px;top: 70%;}
.product_list .show{left: 0;}
.product_list .show .main_box{left: 0;}
.product_box h2{position: absolute;top: 50%;left: 50%;background-size: 100% 100%;}
.product_box h2 span{position: absolute;}
.btn_product{position: absolute;top: 50%;left: 50%;text-align: center;border-width: 1px;border-style: solid;transition: transform .3s;-webkit-transition: transform .3s;}
.btn_product:hover{text-decoration: none;transform: scale(1.04);-webkit-transform: scale(1.04);}
.product_box.show h2{animation:tt_effect .6s .3s linear both;-webkit-animation:tt_effect .6s .3s linear both;}
.product_box.show .btn_product{animation:opacity .5s 1s linear both;-webkit-animation:opacity .5s 1s linear both;}

/*.product_list .shoulei .bg_box{background-image: url('../images/bg_1.jpg');}
.product_list .shoulei .bg_main{background-image: url('../images/main_1.jpg');}*/
.shoulei .btn_product{border-color: #62615d;border-color: rgba(0,0,0,0.6);color:#000;}

/*.product_list .xnet .bg_box{background-image: url('../images/bg_2.jpg');}
.product_list .xnet .bg_main{background-image: url('../images/main_2.jpg');}*/
.xnet .btn_product{border-color: #88b1eb;border-color: rgba(255,255,255,0.3);color:#fff;}

/*.product_list .member .bg_box{background-image: url('../images/bg_3.jpg');}
.product_list .member .bg_main{background-image: url('../images/main_3.jpg');}*/
.member .btn_product{border-color: #b3a38b;border-color: rgba(255,255,255,0.3);color:#fff;}

/*.product_list .xkn .bg_box{background-image: url('../images/bg_4.jpg');}
.product_list .xkn .bg_main{background-image: url('../images/main_4.jpg');}*/
.xkn .btn_product{border-color: #7e7a60;border-color: rgba(0,0,0,0.5);color:#000;}

/*.product_list .xav .bg_box{background-image: url('../images/bg_5.jpg');}
.product_list .xav .bg_main{background-image: url('../images/main_5.jpg');}*/
.xav .btn_product{border-color: #a1b3cb;border-color: rgba(255,255,255,0.5);color:#fff;}


.product_btns{position: absolute;width: 100%;bottom: 35px;z-index: 6;transition: bottom .3s;-webkit-transition: bottom .3s;z-index: 10;}
.product_btns.show{bottom: 100px;}
.product_btns .content{width: 1000px;position: absolute;bottom: 72px;left: 50%;margin-left: -500px;}
.product_btns .btns_area{margin: 0 auto;/*border-bottom: 3px solid #92a0b4;border-color: rgba(255,255,255,0.2);+zoom: 1;*/}
.product_btns .btns_box{/*position: absolute;*/width: 100%;height: 84px;/*top: -20px;*/font-size: 0;line-height: 0; display: inline-block;}
.product_btns .btns_box a{display: inline-block;+display: inline;+zoom: 1;position: relative;}
.product_btns .btns_box a span{display: block;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 0;left: 50%;}
.product_btns .btns_box a:hover,.product_btns .btns_box a.cur{background: url(about:blank);}

.product_btns .ic_line{position: absolute;height: 3px;background: #fff;left: 0;bottom: 0;transition: left .3s;-webkit-transition: left .3s;}

.rpt_bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 238px;background: url('../images/rpt_bg.png') repeat-x;opacity: 0;transition: opacity .3s;-webkit-transition: opacity .3s;z-index: 5;left: -9999px;}
.rpt_bg.show{opacity: 1;left: 0;}



/*small size*/
.small_view .btn_product{margin-left: -48px;width: 94px;height: 26px;line-height: 26px;font-size: 11px;}

.small_view .shoulei h2{ min-width: 800px;height: 120px;margin: 0px 0 0 -400px; color: #fff;text-align: center;font-size: 24px;font-family: 宋体!important;letter-spacing: 4px;}
.small_view .shoulei .btn_product{margin-top: -141px;}
.small_view .shoulei h2 p{}



.small_view .product_btns .btns_area{position: relative; text-align: center; width: 175px;_width: 309px;/*width: 242px;_width: 243px;*/height: 54px;}
.small_view .product_btns .btns_box{height: 54px;}
.small_view .product_btns .btns_box a{width: 45px;height: 54px;margin: 0 10px;}
.small_view .product_btns .btns_box a span{height: 44px;background-image: url('../images/ic_s/ic_spr.png');}
.small_view .product_btns .btns_box a:hover span,.small_view .product_btns .btns_box a.cur span{_height: 45px;}
.small_view .product_btns .ic_line{width: 45px;}
.small_view .product_btns .btns_box .btn_ipr{margin: 0 0px 0 0;}
.small_view .product_btns .btns_box .btn_xav{margin: 0 0 0 0px;}

.small_view .ic_shoulei{background-position: 0 0;width: 39px;margin-left: -20px;}
.small_view a:hover .ic_shoulei,.small_view a.cur .ic_shoulei{background-position: 0 -71px;}
.small_view .ic_xnet{background-position: -67px 0;width: 43px;margin-left: -22px;}
.small_view a:hover .ic_xnet,.small_view a.cur .ic_xnet{background-position: -67px -69px;}
.small_view .ic_member{background-position:  -143px 0;width: 32px;margin-left: -15px;}
.small_view a:hover .ic_member,.small_view a.cur .ic_member{background-position: -143px -69px;}
.small_view .ic_xkn{background-position: -203px 0;width: 36px;margin-left: -18px;}
.small_view a:hover .ic_xkn,.small_view a.cur .ic_xkn{background-position: -203px -69px;}
.small_view .ic_xav{background-position: -259px 0;width: 37px;margin-left: -19px;}
.small_view a:hover .ic_xav,.small_view a.cur .ic_xav{background-position: -259px -69px;}
.small_view .ic_ipr{background-position: -334px 0;width: 27px;margin-left: -14px;}
.small_view a:hover .ic_ipr,.small_view a.cur .ic_ipr{background-position: -334px -69px;}


@keyframes pulse{
	0%{transform:scale(1);}
	50%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.1);}
	100%{-webkit-transform:scale(1);}
}

@keyframes swing{
	20%,40%,60%,80%,100%{transform-origin:top center;}
	20%{transform:rotate(15deg);}
	40%{transform:rotate(-10deg);}
	60%{transform:rotate(5deg);}
	80%{transform:rotate(-5deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes swing{
	20%,40%,60%,80%,100%{-webkit-transform-origin:top center;}
	20%{-webkit-transform:rotate(15deg);}
	40%{-webkit-transform:rotate(-10deg);}
	60%{-webkit-transform:rotate(5deg);}
	80%{-webkit-transform:rotate(-5deg);}
	100%{-webkit-transform:rotate(0deg);}
}

@keyframes flash{
	0%,66.66%{opacity: 0;}
	33.33%,100%{opacity: 1;}
}
@-webkit-keyframes flash{
	0%,66.66%{opacity: 0;}
	33.33%,100%{opacity: 1;}
}

@keyframes tada{
	0%{transform:scale(1);}
	10%,20%{transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
	100%{transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}
	10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}

@keyframes rotateX{
	0%{transform: perspective(400px) rotateX(90deg);}    
    40%{transform: perspective(400px) rotateX(-30deg);}
    70%{transform: perspective(400px) rotateX(30deg);}
    100%{transform: perspective(400px) rotateX(0deg);}
}
@-webkit-keyframes rotateX{
	0%{-webkit-transform: perspective(400px) rotateX(90deg);}    
    40%{-webkit-transform: perspective(400px) rotateX(-30deg);}
    70%{-webkit-transform: perspective(400px) rotateX(30deg);}
    100%{-webkit-transform: perspective(400px) rotateX(0deg);}
}

@keyframes rotateY{
	0%{transform: perspective(400px) rotateY(90deg);}    
    40%{transform: perspective(400px) rotateY(-20deg);}
    70%{transform: perspective(400px) rotateY(20deg);}
    100%{transform: perspective(400px) rotateY(0deg);}
}
@-webkit-keyframes rotateY{
	0%{-webkit-transform: perspective(400px) rotateY(90deg);}    
    40%{-webkit-transform: perspective(400px) rotateY(-20deg);}
    70%{-webkit-transform: perspective(400px) rotateY(20deg);}
    100%{-webkit-transform: perspective(400px) rotateY(0deg);}
}

@keyframes bounce{
	0%,20%,50%,80%,100%{transform:translateY(0);}
	40%{transform:translateY(-20px);}
	60%{transform:translateY(-10px);}
}
@-webkit-keyframes bounce{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
	40%{-webkit-transform:translateY(-20px);}
	60%{-webkit-transform:translateY(-10px);}
}

@keyframes bounceInDown{
	0%{opacity:0;transform:translateY(-2000px);}
	60%{opacity:1;transform:translateY(30px);}
	80%{transform:translateY(-10px);}
	100%{transform:translateY(0);}
}
@-webkit-keyframes bounceInDown{
	0%{opacity:0;-webkit-transform:translateY(-2000px);}
	60%{opacity:1;-webkit-transform:translateY(30px);}
	80%{-webkit-transform:translateY(-10px);}
	100%{-webkit-transform:translateY(0);}
}


@keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes tt_effect{
	0%{transform:translateY(-20px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes tt_effect{
	0%{-webkit-transform:translateY(-20px);opacity:0;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}

@keyframes bg_effect{
	0%{transform:scale(1,1);}
	100%{transform:scale(1.05,1.05);}
}
@-webkit-keyframes bg_effect{
	0%{-webkit-transform:scale(1,1);}
	100%{-webkit-transform:scale(1.05,1.05);}
}

/*首页关于我们*/
.index_about{padding:70px 30px;margin-top: 70px; background: url(../images/about_bg.png) center center no-repeat #fff;}
.index_about .title{font-size: 26px;text-align: center; color:#362e2e;}
.index_about .cont .cont01{margin-top: 20px;}
.index_about .cont .cont01 p{line-height: 28px;font-size: 14px; color: #807e7b;text-align: center;}
.index_about .cont .cont03{}
.index_about .cont .cont03 a{display: block; width: 150px;height: 36px;line-height: 36px;margin:0 auto; background: #d00b3c;color: #fff; text-align: center;}
.index_about .cont .cont03 a:hover{text-decoration: none;background: #b80935;}
.index_about .cont .cont02{clear: both;height: auto;overflow: auto;width:815px;margin: 30px auto;}
.index_about .cont .cont02 ul li{ float: left; position: relative;padding-left: 150px; height: 34px;line-height: 34px; }
.index_about .cont .cont02 ul li img{position: absolute;top: 0px;left: 100px; width: 34px; height: 34px;}

/*客房餐饮轮播*/

    .swiper-container {
	    padding-bottom:40px;
    }
	.swiper-wrapper{
	}
    .swiper-slide {
	    width:800px;
		transition-timing-function:linear;
    }
	@media only screen and (max-width:1200px){
	    .swiper-slide {
	        width:770px;
        }
	}
	@media only screen and (max-width:980px){
	    .swiper-slide {
	        width:471px;
        }
	}
	@media only screen and (max-height:480px){
	    .swiper-slide {
	        width:471px;
        }
	}
	.swiper-slide img{
		width:100%;
		border-radius: 0px;}
	.swiper-slide .title{
		/*position:absolute;*/
		/*transform:rotate(90deg);*/
	/*	transform-origin:left top;*/
		/*left:-3px;*/
		font-size:11px;
		color: rgb(102, 102, 102);}	
		.swiper-slide .title h3{font-size: 16px;}
    .swiper-button-next, .swiper-button-prev{
		width:86px;
		height:112px;
		background-size:86px 112px;
		margin-top:-120px;
		outline:none;}
	.swiper-button-next{right:22%;
		background-image:url(../images/cursor-next.png);}
			.swiper-button-next:hover{
		background-image:url(../images/cursor-next-ah.png);}
	.swiper-button-prev{
		left:22%;
		background-image:url(../images/cursor-prev.png);}	

			.swiper-button-prev:hover{
		background-image:url(../images/cursor-prev-ah.png);}	
	.swiper-pagination-bullet{
		background:none;
		opacity:1;
		margin:0 6px !important;
		width:9px;
		height:9px;
		position:relative;
		outline:none;
		vertical-align:middle;}
	.swiper-pagination-bullet span{
		width:3px;
		height:3px;
		background:#CCC;
		display:block;
		border-radius:50%;
		margin-top:3px;
		margin-left:3px;
	}
	.swiper-pagination-bullet i{
		background:#000;
		height:1px;
		width:20px;
		position:absolute;
		top:4px;
		transform:scaleX(0);
		transform-origin:left;
		z-index:3;
		transition-timing-function:linear;
		}
	.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
		width:9px;
		height:9px;
		margin-top:0;
		margin-left:0;
		background:#000;
		position:relative;
		z-index:1;
		}
	.swiper-pagination-bullet-active i{
		animation:middle 6s;
		}
	.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
		animation:first 6s;
		}
	.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
		animation:last 6s;
		}	

	@keyframes first{
	  0% {transform:scaleX(0.5);left:0px;}/*091*/
	  100% {transform:scaleX(1);left:2px;} /*0915*/
	}
	@keyframes last{
	  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	  20% {transform:scaleX(0.3);left:2px;} /*090*/
	  100% {transform:scaleX(0.3);left:0px;} /*090*/
	}		
	@keyframes middle{
	  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	  20% {transform:scaleX(0.45);left:2px;}/*092*/
	  100% {transform:scaleX(1);left:2px;} /*0913*/
	}	
	/**/
.gallery-item-desc {padding-left: 5%;padding-right: 5%;background: #fff;padding-bottom: 50px;
	width: 90%;
	text-align: left;
	display: inline-block;
	padding-top: 46px;
	opacity: 0;
	transition-duration: 1.2s;
}
.init .gallery-item-desc {clear: both;height: auto;overflow: auto;
	opacity: 1;
}
.gallery-item-desc h3 {float: left;
	line-height: 1.16667;
/*	font-weight: 600;*/
	letter-spacing: .009em;
	color: #33312f;
	font-size: 20px;
}
.gallery-item-desc p {width: 70%;float: right;
	margin-top: 0em;
	color: #333;
	font-size: 13px;
}
.swiper-slide-prev .gallery-item-desc {
	transform: translateX(-70px);
}
.swiper-slide-next .gallery-item-desc {
	transform: translateX(70px);
}
.swiper-slide-active .gallery-item-desc {
	opacity: 1;
	transform: translateX(0);
}
@media only screen and (max-width: 1068px) {
.swiper-slide {
    padding:0 calc((100vw - 576px) * .15);
	width: 576px;
}
.gallery-item-desc {
	padding-top: 41px;
}
}
@media only screen and (max-width: 735px) {
.swiper-slide {
	transform: scale(.9);
	padding: 0;
	width: 85vw;
	margin: 0 0;
	min-width: 272px;
}
.swiper-slide-active {
	transform: scale(1);
}
.gallery-item-desc {
	padding-top: 26px;
	width: 90%;
}
}
/*客房选项卡*/
.main-nav{display: block; width: 500px; margin: 0px auto; margin-top: 60px;margin-bottom: 50px;font-size: 16px; }
.main-nav li a{color: #33312f;}
.main-nav li{ width: 100px; text-align: center; float: left; }
.main-nav li a:hover{color: #b80935;text-decoration: none}
.main-nav li.active a:hover{text-decoration: none;}
.main-nav li.active{background: url(../images/active_nav.png) 10px top no-repeat;  }
.main-nav li.active a{color: #b80935;font-weight: bold;}
.main-nav li.active a:hover{text-decoration: none;}

/* 优惠精选 */
.index-cent-bg{
	height: auto;overflow: auto;clear: both;
	
	width: 100%;
	max-width: 1700px;
	padding-bottom: 70px;
	margin: 0 auto;
	min-width: 1245px;
}
.title-ten{
	padding-top: 20px;
	text-align: center;
}
.title-ten h3{
	font-size: 22px;
	text-align: center;
	color: #33312f;
}
.title-ten img{
	width: 171px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.index-cent-bg .shouye-box{
	max-width: 85.4%;
	min-width: 1245px;
	margin: 0 auto;
}
.index-cent-bg .shouye-box .courtesy{
	background: #fff;

	width: 30.1%;
	float: left;
	padding-bottom: 18px;
	
	margin-right: 4.8%;
}
.index-cent-bg .shouye-box a:last-of-type .courtesy{
	margin-right: 0;
}
.index-cent-bg .shouye-box .courtesy img{
	width: 100%;
	height: auto;
}
.index-cent-bg .shouye-box .courtesy h3{
	display: inline-block;
	font-size: 18px;
	margin-top: 35px;
	color: #33312f;
}
.index-cent-bg .shouye-box .courtesy h3:hover{
	text-decoration: underline;
}
.index-cent-bg .shouye-box .courtesy p{
	font-size: 14px;
	line-height: 26px;
	color: #676563;
	margin-top: 32px;
}
.courtesy .wenzi{ padding:30px 80px 30px 40px;text-align: justify;background: url(../images/wenzibg.png) right 70px no-repeat;  }
.index_member{background: #fff;padding:70px 0px; }
.index_member .conts {max-width: 1440px;min-width: 1245px;margin: 0px auto;position:relative;}
.index_member .conts img{width: 100%;}

.addmember{position: absolute;top:310px;left: 95px;}
.addmember a{display: block; width: 150px;height: 36px;line-height: 36px; background: #d00b3c;color: #fff; text-align: center;}
.addmember a:hover{text-decoration: none;background: #b80935;}