body {
    -webkit-text-size-adjust: none;
	font-family: "微软雅黑";
}

body.locked {
	height:100%;
	overflow:hidden;
}

p {
  font-size: 16px;
  line-height: 24px;
}

.centered {
    margin: auto;
    display: block;
	margin-top: 30px;
}
.full_width {
    width: 100%;
}
.full_height {
    height: 100%;
}

.has_transition_3000 {
-webkit-transition: transform 3s cubic-bezier(0.250, 0.460, 0.450, 0.940), filter 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);


}

.has_transition_1000_inout {
    -webkit-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
    transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    
}
.has_transition_800_inout {
    -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
    transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    
     
}

.has_transition_800_inout_exp {
    -webkit-transition: all 900ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: all 900ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    
     
}
.has_transition_600_inout {
    -webkit-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    

}
.has_transition_400_inout {
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    
     
}
.has_transition_300_inout {
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    
 
}
/*.has_transition_300 {
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    will-change: transform, opacity;   
}*/
.has_transition_400 {
    -webkit-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: transform, opacity;

}
.has_transition_600 {
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: transform, opacity;
   
}

.has_transition_600_expo {
    -webkit-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    

}

.logo_foot {
display: none;
}

.paused {
	
    -webkit-animation-play-state: paused !important; /* Chrome, Safari, Opera */
    animation-play-state: paused !important;

}

.has_transition_600_cubic {
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    
 
}
.has_transition_400_cubic {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    

}
.has_transition_600_expo {
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    

}
.has_transition_800_expo {
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    
 
}
.transform_centered {
    -webkit-transform-origin: center center!important;
    transform-origin: center center !important;
    
     
}
.has_transition_800 {
    -webkit-transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    
  
}
.has_transition_1000 {
    -webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    

}
.has_transition_1200 {
    -webkit-transition: all 1200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 1200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    

}
.has_transition_top {
    -webkit-transition: top 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: top 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	
}

.no_transition {
    -webkit-transition: none !important;
    -transition: none !important;
    -ms-transition: none !important;
}
.horizontal_mirror {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.single_column {
	-webkit-column-count:1 !important;
	-moz-column-count:1 !important;
	-ms-column-count:1 !important;
	column-count:1 !important;
}

.white {
	color:#FFFFFF !important;
}

.no_opacity {
    opacity: 0!important;
}
.top_single {
    opacity: 0 !important;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.top_double {
    /*opacity: 0 !important;*/
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.bottom_single {
    opacity: 0 !important;
    top: -20px !important;
}
.bullet_scaled {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.no_rotation {
    -webkit-transform: rotateX(0deg) rotateY(0deg) !important;
    transform: rotateX(0deg) rotateY(0deg) !important;
    opacity: 1 !important;
}
.rotate_90 {
    -webkit-transform: rotateZ(90deg) !important;
    transform: rotateZ(90deg) !important;
}
.rotateX_90 {
    -webkit-transform: rotateX(-140deg);
    opacity: 0;
    transform: rotateX(-140deg);
}

#keys h1 {
	color:#FFFFFF;
}

.veil {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.2;
    z-index:2;
    will-change: opacity;
}

.hidden_by_scaleup {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.hidden_by_scaleup_low {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    opacity: 0;
}
.hidden_by_scaleup_mid {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    opacity: 0;
}
.container {
    margin: auto;
    width: 960px;
}

.half {
    width: 50%;
    float: left;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.quarter {
    float: left;
    width: 25%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.third {
    float: left;
    width: 33.3333%;
}
.hidden_by_scaling {
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
    opacity: 0;
}

.hidden_by_scaling_low {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}

.no_width {
    width: 0px !important;
    
}
.no_height {
    height: 0px !important;
}

.right_translated {
	-webkit-transform:translateX(60px);
	transform:translateX(60px);
}

.left_translated {
	-webkit-transform:translateX(-60px);	
	transform:translateX(-60px);
}

.relative {
	position:relative !important;	
}


h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}
a {
    text-decoration: none;
}
hr {
   
}

.top_30 {
	margin-top:30px !important;
}

.top_60 {
	margin-top:60px !important;
}

.top_90 {
	margin-top:90px !important;
}

.top_120 {
	margin-top:120px !important;
}

.bottom_30 {
	margin-bottom:30px !important;
}

.bottom_60 {
	margin-bottom:60px !important;
}

.bottom_90 {
	margin-bottom:52px !important;
}

.bottom_120 {
	margin-bottom:120px !important;
}
.bottom_150 {
	margin-bottom:150px !important;
}

#main {
	overflow-x:hidden;
}

#menu_controller hr {
	    width: 30px;
    height: 0px;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    margin: 0;
    margin-top: 7px;
    -webkit-transform:translate3d(-30px,0,0);
    transform:translate3d(-30px,0,0);
    
}

#menu_controller hr.dark {
	z-index:2;
	position:absolute;
	border-bottom: 2px solid #fff;
}

#menu_controller hr.dark._1 {
	   
    top: 0;
}

#menu_controller hr.dark._2 {
	top:9px;
}


#menu_controller hr.dark._3 {
	top:18px;
}

#menu_controller.keep_dark hr.dark {
	width: 30px !important;
}



#frame.keep_fill .borders > div {
	opacity:1 !important;
}



#menu_controller {
	float: right;
    position: absolute;
    right: 45px;
    top: 8px;
    cursor:pointer;
    pointer-events:all;
    z-index:4;
}

#menu_controller .menu_text {
    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 17px;
    float: right;
    margin-right: 12px;
}

#navigation_1{
    float: left;
    position: absolute;
    left: 170px;
    top: 8px;
    pointer-events: all;
    z-index: 4;
    width:501px;
}

#navigation_1 a{
    color: #fff;
    font-size: 15px !important;
    padding: 0 8px;
}


/*中英文切换*/
.jianti{width:62px;height:30px;position:relative;overflow:hidden;}
.jianti span{line-height:27px;position:absolute;text-align:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tel{ font-size:14px !important;margin-top: 4px;margin-right: 38px !important; background:url(../images/tel.png) left no-repeat;padding-left: 37px;}
.jianti .one{top:3px;left:0;z-index:1;color:#FFF;}
.jianti:hover .one{top:-30px;left:0;}
.jianti .one a{color:#ccc;text-decoration:none;}

.jianti .two{bottom:-30px;left:0;z-index:2;color:#838383;}
.jianti:hover .two{bottom:0px;left:0;}
.jianti .two a{color:#fff;text-decoration:none; font-size:14px;}
/*中英文切换  end */

#menu_controller #menu_ico {
	    overflow: hidden;
    width: 30px;
    position: relative;
    float: right;
    right:0;
}

#menu_controller:hover hr._1c,#menu_controller.opened hr._1c {
    width: 21px;
    -webkit-transform: rotate(90deg) translate3d(6px,-5px,0) !important;
    transform: rotate(90deg) translate3d(6px,-5px,0) !important;
}
#menu_controller:hover hr._2c, #menu_controller.opened hr._2c {
    opacity: 0;
   
}
#menu_controller:hover hr._3c, #menu_controller.opened hr._3c {
	-webkit-transform: translate3d(5px, -4px,0) !important;
	
    transform: translate3d(5px, -4px,0) !important;
    width: 21px;
	margin-top:-1px;
}

#frame.filled #menu_controller:hover hr._1,#frame.filled #menu_controller.opened hr._1 {
    width: 21px;
    -webkit-transform: rotate(90deg) translate3d(6px,-5px,0) !important;
    transform: rotate(90deg) translate3d(6px,-5px,0) !important;
}
#frame.filled #menu_controller:hover hr._2, #frame.filled #menu_controller.opened hr._2 {
    opacity: 0;
   
}
#frame.filled #menu_controller:hover hr._3, #frame.filled #menu_controller.opened hr._3 {
	-webkit-transform: translate3d(5px, -4px,0) !important;
	
    transform: translate3d(5px, -4px,0) !important;
    width: 21px;
}
#menu_controller:hover #menu_ico {
    height: 21px;
        top: 6px;
}

#menu_controller.opened  #menu_ico {
	 -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    height: 21px;
        top: -1px;
}

#menu_controller:hover .menu_text,#menu_controller.opened .menu_text {
	-webkit-transform:translate3d(8px,0,0);
	transform:translate3d(8px,0,0);
}

#scroll_down {
	    position: absolute;
    bottom: 29px;
    left: 50%;
    z-index: 2;
    margin-left: -11.5px;
}

#scroll_down img{
	position: absolute;
top: -27px;
margin-left: -140px;}

#scroll_down .ico {
display: block;
padding-top: 20px;
height: 7px;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
background: url(../images/scroll_down_ico.png) no-repeat;
}

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

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

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

.scroll_text {
	    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 13px;
    margin-left: -32px;
	letter-spacing: 3px;
	height: 38px;
}

.main_container {
    float: left;
    width: 100%;  
}

#frame {
	position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events:none;
    z-index:4;
}

#frame .borders {
	pointer-events:none;
}

#frame .borders > div {  
    background: #1d0f11;
    position: absolute;
    -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955),  opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955),  opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: opacity, width, height;
}

#frame.filled .borders > div {
	 opacity: 1;
	 will-change:transform;
}

/*#frame.mobile_layout .borders .top {
	transform:scale(1,3);
}

#frame.mobile_layout #book_now, #frame.mobile_layout #menu_controller {
	transform:translate3d(0,-17px,0);
}*/

#frame .vertical {
	height: 98%;
    width: 30px;
}

#frame .horizontal {
	 height: 50px;
   	 width: 100%;
}

#frame .left {
		-webkit-transform-origin:bottom;
	
	transform-origin:bottom;
}

#frame .right {
		-webkit-transform-origin:top;
	
	transform-origin:top;
}

#frame .top {
		-webkit-transform-origin:left;
	
	transform-origin:left;
}

#frame .bottom {
		-webkit-transform-origin:right;
	
	transform-origin:right;
}


#frame .vertical.no_height {
	height:100% !Important;
		-webkit-transform:scale(1,0);
	
	transform:scale(1,0);
}

#frame .horizontal.no_width {
	
	width:100% !Important;
		-webkit-transform:scale(0,1);
	
	transform:scale(0,1);
}

.slider_controls {
	    width: 32px;
}

.slider_controls > div {
	cursor:pointer;
}

.slider_controls > div:hover {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	
}

#frame .slider_controls {
	    position: absolute;
    top: 45%;
    float: right;
    right: 16px;
    margin-top: 14px;
    pointer-events: all;
     width: 40px;
}

#copy {
	position: absolute;
    bottom: 7px;
    left: 30px;
}
#copy p {
	    color: #FFFFFF;
    font-family: "微软雅黑";
    font-size: 12px;
}

#book_now {
	    position: absolute;
    left: 30px;
    top: 8px;
    pointer-events:all;
    z-index:4;
}

#book_now img {
	    margin-right: 10px;
    margin-top:-2px;
	margin-left:10px;
}

#book_now a {
	    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 17px;
}

#book_now a .hover {
	position: absolute;
    left: 0;
    top: 15px;
    opacity:0;
}

/*#frame.filled #book_now a {
	color:#666666;
}*/

/*#frame.filled a img {
	opacity:0;
}

#frame.filled a img.hover {
	opacity:1;
}*/

#frame.filled #copy p {
	color:#666666;
}

#frame.filled #menu_controller .menu_text {
	color:#fff;
}

#main_menu {
   position: fixed;
    top: 0;
    z-index: 4;
    top: 40px;
    right: 40px;
    width: 540px;
    overflow:hidden;  
}

#main_menu.no_events {
	 pointer-events:none;
}




#main_menu.no_width {
	padding-left:0px;
	padding-right:0px;
	opacity:0;
}

#menu_container {
    float: right;
    width: 480px;
    perspective: 1500px;
    background: #FFFFFF;
    padding: 30px;
    position:relative;
	box-sizing: initial;
    
}

#main_menu.hidden #menu_container {
		-webkit-transform: translate3d(540px, 0, 0);
	
	transform: translate3d(540px, 0, 0);
	opacity:0;
}

#menu_buttons {
	float: right;
    width: 50%;
    height: 100%;
    padding-left:5%;
	box-sizing: initial;
}

#menu_buttons * {
	will-change:transform;
}

#menu_buttons > ul {
	padding-right:15%;
}

.all ul{display:none;}

#menu_buttons > ul li {
	 position:relative;
	 /*height: 44px;*/
} 

#menu_buttons > ul li a {
       text-align: right;
    font-family: "微软雅黑";
    color: #C1BEB7;
    font-size: 20px;
    letter-spacing: -0.2px;
    /*display: block;*/
    float:right;
	letter-spacing:2px;
}

#menu_buttons > ul li img {
	    position: absolute;
    right: -50px;
    top: 20px;
    opacity:0;
     -webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
}




#menu_buttons > ul li.hover a {
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	color:#958168;
	 -webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    will-change: transform;
}

#menu_buttons > ul li.hover img {
		-webkit-transform:translateX(-10px);
	
	transform:translateX(-10px);
	opacity:1;
	will-change: transform;
	
}

#menu_buttons > ul li:first-child {
	margin-top:0;
}

#menu_buttons > ul li a.hidden {
		-webkit-transform:translateX(20px);
	
	transform:translateX(20px);
	opacity:0;
}


#langs {
	position: absolute;
    bottom: 30px;
}


#langs ul li {
	float: left;
    padding-left: 10px;
    height: 18px;
}

#langs ul li:first-child {
	border-right: 1px solid #B0AA9F;
    padding-right: 10px;
    padding-left: 0;
}

#langs ul li a {
	 font-family: "微软雅黑";
    font-size: 18px;
    color: #999999;
        display: block;
    margin-top: -7px;
}

#langs ul li a:hover {
	color:#958168;
}

#menu_socials {
	    position: absolute;
    bottom: 30px;
    float: right;
    right: 30px;
}

#menu_socials ul li {
	    float: left;
    padding-left: 10px;
    height: 18px;
	width: 15px;
}

#menu_socials ul li {
	border-right: 1px solid #B0AA9F;
    padding-right: 10px;
    padding-left: 10px;
	
}

#menu_socials ul li:last-child {
	border-right: none;
	
}

#menu_socials ul li:first-child img {
    margin-top: -10px;
}


#menu_socials ul li img {
	    margin-top: -9px;
}

#menu_pics {
	float: left;
    width: 45%;
    height: 100%;
    perspective:3000px;
    position:relative;
   
}


.menu_pic {
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	width:100%;
	z-index:0;
	will-change: transform;
}



/*  二级栏目添加 */

.menu-wel{
	padding-top: 48px;
	float: left;
}
.menu-wel ul{
	width: 100%;
	float: left;
}
.menu-wel ul li{
	width: 100%;
	display: block;
	float: left;
}

.menu-wel ul li a span{
	font-size:15px;}

.menu-wel ul li .dad-a{
	color: #8c857e;
	font-size:16px;
	line-height: 48px;
	display: block;
	float: left;
	/*padding-left: 56px;*/
	background:url("../images/bar2.jpg") -42px center no-repeat;
	transition-duration:500ms;
	width: 160px;
}
.menu-wel ul li .dad-b{
	color: #918f8d;
	font-size:16px;
	line-height: 48px;
	display: block;
	float: left;
	padding-left: 56px;
	background:url("../images/bar3.jpg") -42px center no-repeat;
	transition-duration:500ms;
	width: 290px;
}

.menu-wel ul li .sub-a,.menu-wel ul li .sub-b{
	display: block;
	clear: both;
	padding-bottom: 16px;
	width: 100%;
	display: none;
	text-align:center;
	position: relative;
    margin-right: 27px;
}
.menu-wel ul li .sub-a a{
	display: block;
	line-height: 28px;
	color: #a3a1a1;
	text-transform: uppercase;
	text-indent: 56px;
	padding-right: 40px;
	float: left;
	background:url("../images/bar1.png") -310px center no-repeat;
	transition-duration:700ms;
	font-size: 13px !important;
}

.menu-wel ul li .sub-a a:hover{
	color:#000 !important;}

.sub-a div,.sub-b div{
	width:100%;
	height: 28px;
}
.menu-wel ul li .sub-b a{
	display: block;
	line-height: 28px;
	color: #8d8b88;
	text-transform: uppercase;
	text-indent: 56px;
	padding-right: 40px;
	float: left;
	background:url("../images/bar10.png") -310px center no-repeat;
	transition-duration:700ms;
	font-size: 13px;
}


/*  二级栏目添加 */





.menu_pic._1 {
	background:url(../images/home.jpg);
	background-size:cover;
}
.menu_pic._2 {
	background:url(../images/case.jpg);
	background-size:cover;
}
.menu_pic._3 {
	background:url(../images/team.jpg);
	background-size:cover;
}
.menu_pic._4 {
	background:url(../images/sy.jpg);
	background-size:cover;
}
.menu_pic._5 {
	background:url(../images/service.jpg);
	background-size:cover;
}
.menu_pic._6 {
	background:url(../images/sc.jpg);
	background-size:cover;
}
.menu_pic._7 {
	background:url(../images/about.jpg);
	background-size:cover;
}



.menu_pic_in {
	-webkit-animation: menuPicIn 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: menuPicIn 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transform-origin:left;
	-webkit-transform-origin:left;
}

.menu_pic_out {
	z-index:1;
	-webkit-transform:translateZ(-1px);
	
	transform:translateZ(-1px);
}

@-webkit-keyframes menuPicIn {
    0%   {opacity:0;-webkit-transform:rotateY(-60deg) translateZ(1px);}
    100% {opacity:1;-webkit-transform:rotateY(0) translateZ(0);}
}

@keyframes menuPicIn {
    0%   {opacity:0;transform:rotateY(-60deg) translateZ(1px);}
    100% {opacity:1;transform:rotateY(0) translateZ(0);}
}

.slider {
    overflow: hidden;
    position: relative;
    background: #FFFFFF;
    width: 100%;
    height:1080px;
}

.slider .slides_wrap {
	position:relative;
	width:100%;
	height:100%;
	will-change:transform;
}

.slider .slide {
	opacity:0;
	position:absolute;
	will-change: transform, opacity;
}

.slider .slide img {
	-ms-interpolation-mode: cubic; 
}

.slider .slide.active {
	z-index:1;
	opacity:1;
}

.slider .slide.in {
	/*-webkit-animation: zoomIn 8s linear;
	animation: zoomIn 8s linear;*/
	animation-play-state: running;
	
}

.slider .slide.first {
	/*-webkit-animation: zoomFirst 8s linear;
	animation: zoomFirst 8s linear;*/
	opacity:1;
	animation-play-state: running;
	
}

.slider .slide.easing {
	-webkit-animation: zoomEasing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	animation: zoomEasing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	    animation-play-state: running;
	
}


.main_section .slider .slide {
	opacity:1;
	position:absolute;
}

@-webkit-keyframes zoomIn {
    0%   {opacity:0;-webkit-transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {-webkit-transform:scale(1) rotateZ(0);opacity:1;}
}

@keyframes zoomIn {
    0%   {opacity:0;transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {transform:scale(1) rotateZ(0);opacity:1;}
}

@-webkit-keyframes zoomFirst {
     0%   {opacity:0;-webkit-transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {-webkit-transform:scale(1) rotateZ(0);}
}

@keyframes zoomFirst {
     0%   {opacity:0;transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {transform:scale(1) rotateZ(0);}
}

@-webkit-keyframes zoomEasing {
    0%   {opacity:0;-webkit-transform:scale(1.02) rotateZ(0.0001deg);}
    30%  {opacity:1;}
    100% {opacity:1;-webkit-transform:scale(1) rotateZ(0);}
}
@keyframes zoomEasing {
    0%   {opacity:0;transform:scale(1.02) rotateZ(0.0001deg);}
    30%  {opacity:1;}
    100% {opacity:1;transform:scale(1) rotateZ(0);}
}

/*#frame .top {
	left:30px;
}*/

#frame .right {
	top: 40px;
    float: right;
    right: 0;
}

#frame .left {
	bottom:40px;
}

#frame .bottom {
	right:30px;
	bottom: 0;
}



.logo {
	position: absolute;
    width: 100%;
    z-index: 1;
    top: 18%;
    z-index: 3;
}

.logo h1 {
	    font-family: "宋体";
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    letter-spacing: 2px;
	margin-top: -6px;
}

.logo h2 {
    font-family: "微软雅黑";
    color: #C6BFB2;
    text-align: center;
    font-size: 12px;
    letter-spacing: 3px;
}

#pays {
	    position: absolute;
       width: 80%;
    left: 10%;
    top: 45%;
    z-index: 2;
}

.pay {
	position:absolute;
	width:100%;
}

.pay_separator {
	    height: 1px;
    width: 418px;
    background: #FFFFFF;
    margin: auto;
    margin-top: 19px;
}

.pay p {
	    font-family: "宋体";
    color: #FFFFFF;
    font-size: 48px;
    text-align: center;

}

.pay p.subpay {
	    font-family: "宋体";
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    margin-top:4px;
	letter-spacing: 2px;
}

.main_section {
	position:relative;
	    z-index: 2;
	    float:left;
	    width:100%;
		margin-top: 43px;
}

#header {
	position:relative;
}

#header + .main_section .block_title {
	    width: 680px;
    left: 50%;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    margin-left: -340px;
    overflow: hidden;
	text-align:center;
}

#header + .main_section .block_title.hidden {


}

#header + .main_section .block_title  h2 {
	    color: #514639;
    font-family: "宋体";
    font-size: 30px;
    line-height: 30px;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
	letter-spacing:0;
}

.title_text {
	    color: #514639;
    font-family: "微软雅黑";
    font-size: 17px;
    margin-top: 40px;
    line-height: 24px;
    text-align: center;
    padding: 0px 100px
}

.title_text.bottomed {
	margin-bottom:30px;
}

.block_pic {
    width: 55%;
    position:relative;
    overflow:hidden;
   	will-change: transform, opacity;
    -ms-transform:rotateZ(0.0001deg);
}

.block_pic img.greyed {
	transform:scale(1.05);
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	
}

.block_text {
	padding: 3%;
    width: 42%;
    position: absolute;
    background: #FFFFFF;
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
     transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),  opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
      will-change: transform, height, padding, opacity;
      
}

.slider + .block_text {
    -webkit-transition:height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-backface-visibility: hidden; 
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),  opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    
}

.block_text .paragraph {
	width:100%;
}

.ospitality {
    margin-bottom: 60px;
}

.simple_text {
	    color: #514639;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 24px;
	margin-top: 37px;
}

.ospitality .block_title h1 {
    color: #C1BEB7;
    font-family: "宋体";
    font-size: 45px;
    line-height: 50px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -189px;
    width:382px;
    overflow:hidden;
    will-change:transform;
}

html[lang=en] .ospitality .block_title h1 {
	font-size: 41px;
}

html[lang=en] #header + .main_section.ospitality .block_title h2 {
	width: 281px;
	font-size:37px !important;
	letter-spacing: 0.2px;
}
html[lang=en] .ospitality .block_title h3 {
	letter-spacing: 0.4px;
	width: 285px;
}

#header + .main_section.ospitality .block_title h2 {
 	margin-left: -185px !Important;
    left: 50% !important;
    width:370px;
     overflow:hidden;
      will-change:transform;
}

.ospitality .block_title h3 {
	color: #948067;
    font-family: "宋体";
    font-size: 20px;
    line-height: 42px;
    margin-left: -143px;
    position: relative;
    left: 50%;
    clear: both;
    width:282px;
    overflow:hidden;
     will-change:transform;
	 letter-spacing:0;
}

.content {
	margin: 30px;
	position:relative;
}

.single_pic {
	
       width: 52%;
    bottom: 12%;
  
}

.separator {
	    height: 1px;
    width: 100%;
    background: #C6BFB2;
    margin-top: 5px;
    position: relative;
    will-change:transform;
     
}

.separator.no_width {
	width:100% !important;
		-webkit-transform: translate3d(-100%,0,0);
	
	transform: translate3d(-100%,0,0);
}

.separator .pointer {
	    position: absolute;
    top: -11px;
    right: 15px;
}

/*.paragraph {
	overflow:hidden;
}*/


.ospitality .paragraph {
	position: absolute;
    bottom: 0px;
    right: 60px;
    width: 40%;

}

.paragraph p{
	font-family:'宋体'; letter-spacing:0px; font-size:13px; line-height:20px;margin-top: 25px; color:#514639;}

.paragraph h2 {
	    font-family: "宋体";
    font-size: 28px;
    color: #C6BFB2;
    margin-bottom:0px !important;
	letter-spacing: 0.5px;
}

.paragraph h3 {
	font-family: "微软雅黑";
    color: #C0BEB7;
    font-size: 26px;
    margin-top: 5px;
}

.paragraph p.long {
	color: #514639;
    font-family: "微软雅黑";
    font-size: 15px;
    margin-top: 53px;
    line-height: 1.7em;
}

.paragraph a{
	padding:11px 34px;
	border:1px solid #000;
	margin-right: 23px;
	margin-top: 65px;
    position: absolute;}
	
.paragraph a:hover{
	background:#603f24;
	border:1px solid #603f24;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	color:#fff;}

.paragraph p.column {
	color: #514639;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-top: 25px;
    -webkit-column-count: 2;
     -moz-column-count: 2;
      -ms-column-count: 2;
       column-count: 2;
    line-height: 22px;
}


@media screen and (max-width:1400px) and (min-width:1100px){
	.ospitality .paragraph {
position: absolute;
bottom: 0px;
right: 60px;
width: 40%;
top: 14px;
}

.paragraph p.long {
color: #514639;
font-family: "微软雅黑";
font-size: 15px;
margin-top: 53px;
line-height: 1.7em;
height: 98px;
overflow: hidden;
letter-spacing:1px;
}

.paragraph p{
	/*height:200px;*/
	overflow:hidden;}
	
.paragraph a{
	margin-top: 21px;}

}

@media screen and (max-width:1100px) and (min-width:800px){
	.ospitality .paragraph {
position: absolute;
bottom: 0px;
right: 60px;
width: 40%;
top: 14px;
}

.paragraph p.long {
color: #514639;
font-family: "微软雅黑";
font-size: 15px;
margin-top: 53px;
line-height: 1.7em;
height: 73px;
overflow: hidden;
letter-spacing:1px;
}

.paragraph p{
	height:40px;
	overflow:hidden;}
	
.paragraph a{
	margin-top: 28px;}

}



.restaurant .block_title {
	    position: absolute;
    left: 30px;
    top: 0;
    background: #FFFFFF;
    z-index: 2;
    width: 40%;
    padding: 5% 30px;
    overflow:hidden;
    height:54px;
      -webkit-transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    will-change: transform, height, padding, opacity;
}


.restaurant .block_title.hidden {
	height:0;
	padding:0 30px;
	opacity:0;
}

.restaurant .block_title  h1 {
	font-family: "微软雅黑";
    color: #C5BFB2;
    text-align: right;
    font-size: 32px;
    line-height: 32px;
}

.restaurant .block_title  h2 {
	    text-align: right;
    font-family: "微软雅黑";
    color: #514639;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.restaurant .block_text {
	    background: #C6BFB2;
    width: 50%;
    z-index: 1;
    position: absolute;
    top: -5%;
    left: 40%;
       padding: 6% 0 6%;
    margin-top: -2%;
}

.restaurant .block_text p {
	font-family: "微软雅黑";
    font-size: 14px;
    padding: 0px 5% 0 18.6%;
    color: #514639;
    line-height: 18px;
}

.circle_link {
	position: absolute;
    background: url(../images/circle.png);
    width: 120px;
    display: block;
    right: -60px;
    background-size: cover;
    bottom: -60px;
       padding-top: 49px;
    padding-bottom: 49px;
    font-family: "微软雅黑";
    letter-spacing: -1.5px;
    text-align: center;
    color: #514639;
    font-size: 16px;
	letter-spacing:2px;
}

.video-learn {
	position: absolute;
    background: url(../images/big_brown01.png);
    width: 120px;
    display: block;
    right: -60px;
    background-size: cover;
    bottom: -60px;
       padding-top: 49px;
    padding-bottom: 49px;
    font-family: "微软雅黑";
    letter-spacing: -1.5px;
    text-align: center;
    color: #514639;
    font-size: 16px;
	letter-spacing:2px;
}

.circle_link.left {
	 float: left;
    left: -60px;
    right: 0;
}

.circle_link.center {
	 float: left;
    left: 50%;
    right:0;
    margin-left:-60px;
}

.circle_link .down_arrow {
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:1px;
}

.circle_link:hover {
	 background: url(../images/big_brown.png);
	 background-size: cover;
	 	 -webkit-transform:scale(0.9);
	 
	 transform:scale(0.9);
	 
}

.video-learn:hover {
	 background: url(../images/circle01.png);
	 background-size: cover;
	 	 -webkit-transform:scale(0.9);
	 
	 transform:scale(0.9);
	 
}

table#on_table td {
	vertical-align:middle;
}

table#on_table .circle_link {
	    position: relative;
    background: url(../images/brown_big_circle.png);
    padding-top: 26px;
    padding-bottom: 26px;
    color: #FFFFFF;
    font-size: 20px;
    width: 81px;
    right: 0;
    bottom: 0;
    display: block;
    height: 28px;
    float: left;
    letter-spacing: 0.5px;
}

table#on_table .button {
	min-width:117px;
}

table#on_table .button img {
	float: left;
    display: block;
    margin-top: 37px;
    margin-left: 12px;
}

.small_paragraph {
	    position: relative;
    max-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 30px;
    width: 80%;
    float:none;
}

.small_paragraph h2 {
	    float: left;
    font-family: "宋体";
    color: #C6BFB2;
    font-size: 28px;
    width: 25%;
    background: #FFFFFF;
    position: relative;
    z-index: 1;
        letter-spacing: 0.5px;
}

.side_separator {
	    float: right;
    width: 100%;
    position: absolute;
    right: 130px;
    height: 1px;
    width: 100%;
    background: #C6BFB2;
    top: 16px;
}

.sx-learn{
	width:79.5%;
	top:109px;
	right:100px;}

.side_separator .pointer {
	    float: right;
    
    position: absolute;
    top: -11px;
    right: 15px;
}

#on_table {
	    width: 100%;
    margin-top: 20px;
    float: left;
        margin-bottom: 120px;
}

.small_paragraph p {
	    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 18px;
    -webkit-column-count: 3;
        -moz-column-count: 3;
            -ms-column-count: 3;
                column-count: 3;
            
        
    
    color: #514639;
}

.hotel .block_text {
	    position: absolute;
    top: 0;
    right: 30px;
    float: right;
    width: 40%;
    background: #FFFFFF;
    z-index: 1;
    padding: 5%;
    
}

.hotel .block_title{
	position: absolute;
    top: -68px;
    text-align: left;
    left: 30px;
    will-change: transform, height, padding, opacity;
}

.main_section > .block_text.hidden {
	height:0;
	padding:0 5%;
	opacity:0;
}



.capri h2 {
	width:50%;
}

.capri p {
	    clear: both;
    width: 46%;
    margin-top: 33px;
    float: left;
	letter-spacing: 0px;
	font-size:12px;
	font-family:'宋体';
    
}

.capri p span{
	letter-spacing:0px;
	font-size:15px;}
	
.design-e{
	font-family:'宋体';
	margin-top:10px;
	font-size:13px !important;}


.composite {
	    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
   
}


.rooms .composite .block_pic, .itineraries .composite .block_pic{
	float:right;
}

.composite .block_text {
	    padding: 30px;
    background: #FFFFFF;
    width: 50%;
    position: absolute;
    float: left;
   left:-30px;
  
   
}

.composite .block_text.hidden {
	padding:0 30px;
	height:0;
	opacity:0;
}

.composite .block_text table {
	width:100%;
	perspective:2500px;
    perspective-origin:bottom;
}

.composite.right .block_pic {
	float:left;
}

.composite.right .block_text {
	float:right;
	left:auto !important;
	right:0px;
}

table td {
	vertical-align:middle;
}



.composite .block_text table td {
	width:50%;
	vertical-align:middle;
}

.composite .block_text table td.text {
	    background: #E0DBD4;
    	padding: 30px;
    	    	-webkit-transform-origin:left;
    	
    	transform-origin:left;
    	position:relative;
}

.composite .block_text table td.text.flipped {
	-webkit-transform: rotateY(-178deg) translateZ(0px) translateX(-1px);
	transform: rotateY(-178deg) translateZ(0px) translateX(-1px);
	
}

.composite .block_text table td.text p {
	color: #514639;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    z-index:1;
    position:relative;
}

.composite .block_text .circle_link {
	left: 50%;
    margin-left: -60px;
    bottom: -20px;
}

.composite.left .block_pic {
	float:left;
}

.composite.left .block_text {
    float: right;
    right: -30px;
    left:auto;
}

.composite .block_text h2 {
	    font-family: "微软雅黑";
    color: #514639;
    font-size: 24px;
    letter-spacing: -1.8px;
}

.composite .block_text h3 {
	    font-family: "微软雅黑";
    font-size: 18px;
    margin-bottom: 10px;
    color:#514639;
}

.rooms.all .composite .block_text, .itineraries.all .composite .block_text {
	left:0;
}

.rooms.all .composite .block_text,  .itineraries.all .composite .block_text {
	width:47%;
	background:#E0DBD4;
	min-width:571px;
	margin-top: 20px;
}

.rooms.all .block_text table td.text, .itineraries.all .block_text table td.text {
	background:#FFFFFF;
}

.view_full {
	width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius:50%;
    border-radius:50%;
    position: absolute;
    bottom: 10px;
    float: right;
    right: 10px;
    cursor:pointer;
}

.view_full p {
	color: #71685D;
    font-family: "微软雅黑";
    font-size: 19px;
    position: relative;
    left: 0;
    text-align: center;
    top: 22px;
    letter-spacing: -1px;
    line-height: 17px;
}

.rooms.all .composite.right .view_full {
	float:left;
	left:10px;
}

.composite .block_text h2.room_title {
	    position: absolute;
    margin-top: -100px;
    margin-left: -30px;
    font-family: "微软雅黑";
    color: #C5BFB2;
    letter-spacing: 0;
    font-size: 30px;
    width: 100%;
}

.composite.right .block_text h2.room_title {
	    text-align: right;
}

.rooms.all .circle_link {
	background: url(../images/big_brown.png);
	background-size:cover;
	      padding-top: 38px;
    padding-bottom: 38px;
    bottom:-87px;
        left: 0;
} 

.rooms.all .circle_link .down_arrow {
	bottom:10px;
}

.spa .block_text {
	position: absolute;
    top: 0;
    left: 30px;
    float: right;
    width: 40%;
    background: #FFFFFF;
    z-index: 1;
    padding: 3% 5%;
}

.spa .block_text.hidden {
	height:0;
	padding:0 5%;
	opacity:0;
}

.block_text h2 {
    margin-top: 10px;
}

.section_title {
	color: #C5BFB2;
    font-family: "宋体";
    font-size: 28px;
	letter-spacing: 0.5px;
}

.section_sub_title {
	    text-align: right;
    font-family: "宋体";
    color: #C5BFB2;
    line-height: 22px;
    letter-spacing: -0.5px;
}


.events {
	width:100%;
}

.events .section_title {
	text-align:center;
	margin-top:120px;
	line-height:30px;
	margin-bottom: 16px;
	letter-spacing: 0.5px;
}

.events .section_sub_title {
	text-align:center;
	margin-bottom:60px;
	font-size: 28px;
	letter-spacing: 0.5px;
}

#news_panel {
	position:relative;
	margin:auto;
	width:100%;
	max-width:1600px;
}

#news_detail{
	    height: 75%;
    width: 25%;
    position: absolute;
    background: #C6BFB2;
    left:0;
}

#news_pics {
	width:50%;
	position:relative;
	left:25%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	
}

#news_pics img {
	
}

#news_pics img.old {
	z-index:2;
	position:relative;
}

#news_pics img.new {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	
}

/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/



#news_pics img.navOutNext {
	-webkit-animation: hideLeft 0.7s forwards;
	animation: hideLeft 0.7s forwards;
}

#news_pics img.navInNext {
	-webkit-animation: showRight 0.7s forwards;
	animation: showRight 0.7s forwards;
}

#news_pics img.navOutPrev {
	-webkit-animation: hideRight 0.7s forwards;
	animation: hideRight 0.7s forwards;
}

#news_pics img.navInPrev {
	-webkit-animation: showLeft 0.7s forwards;
	animation: showLeft 0.7s forwards;
}



@-webkit-keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@-webkit-keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

#news_text {
	    width: 30%;
    height: 80%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    background: #b0b0b0; 
    z-index:3;  
}

#news_text table {
	height:100%;
}


.news_more {
	    position: absolute;
    background: url(../images/brown_big_circle.png);
    padding-top: 23px;
    padding-bottom: 29px;
    color: #FFFFFF;
    font-size: 18px;
    width: 68px;
    right: 0px;
    bottom: -20px;
    display: block;
    height: 15px;
    float: left;
    letter-spacing: 0.1px;
    background-size: cover;
    cursor:pointer;
}




.news_date {
    font-family: "宋体";
    color: #fff !important;
    position: relative;
    top: 40px;
    left: 40px;
    font-size: 22px !important;
	letter-spacing: 0.5px;
	line-height:0 !important;
	padding:0 !important;
	height:auto !important;
	overflow: inherit !important;
    
}


#news_text p {
    padding: 30px;
font-family: "微软雅黑";
font-size: 14px;
 color:#514639;
line-height: 25px;
height:150px;
overflow:hidden;
}

#news_text span a{
    display: block;
	padding:30px;
	font-size:20px;
	color:#fff;
	white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;}
	
#news_text span a:hover{
	 color:#514639;}

.news_name {
	right: 20px;
    position: relative;
    top: 53%;
}

.news_name li{
margin: 22px 0px 22px 0px;}

.news_name li h2{
	font-size:15px;
	color:#000;
	overflow:hidden;
	white-space: nowrap;
text-overflow: ellipsis;}

.news_title a:hover{
	 color:#514639;}

.news_title {
    font-family: "微软雅黑";
    color: #FFFFFF;
	text-align:right;
    font-size: 20px;
	float:right;
    line-height: 22px;
    position:relative;
	right:0;
}

.news_subtitle {
	    font-family: "微软雅黑";
     color:#514639;
	text-align:right;
    font-size: 14px;
    width: 80%;
	float:right;
    line-height: 16px;
	clear:both;
    margin-top: 12px;
    letter-spacing: -0.2px;
    position:relative;
	right:0;
	white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.news_subtitle li h2:hover{
	color:#fff;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;}

.news_name .news_title.hidden {
	right:-60%;
}

.news_name .news_subtitle.hidden {
	right:-80%;
}

#news_body {
	display:none;
	position: absolute;
    top: 0;
        padding: 1px 30px;
}

#news_body p {
	float:left;
	padding:0;
}

#news_body .news_title {
	float: left;
    width: 100%;
    text-align: left;
    color: #C5BFB2;
    font-family: "微软雅黑";
    font-size: 28px;
}

#news_body .news_subtitle {
	font-size:18px;
	float: left;
    text-align: left;
    margin-top:20px;
}

#news_detail .slider_controls {
	
position: absolute;
    bottom: 5px;
    left: 5px;
}

#footer {
float:left;
width:100%;
background:#000;
height:400px;
}





#footer_content {
	position: relative;
    height: 452px;
    margin: auto;
    max-width: 1800px;
}

#footer_left {
    width: 35%;
    float: left;
    height: 100%;
    position: absolute;
    left: 30px;
    top: 30px;
}

#footer_left table td {
	vertical-align:top;
}

#footer_left table td._1{
	width:121px;}
	
#footer_left table td._3{
	width:121px;}
	
#footer_left table td._4{
	width:121px;}
	
#footer_left table td._5{
	width:121px;}
	
#footer_left table td._6{
	width:121px;}
	
#footer_left table td._2{
	position:relative;}
	
#footer_left table td._2{width: 121px;}

#footer_left ._1 hr {
	margin-top:10px;
}

#footer_left a, .block_title a {
	color: #C5C5C5;
    text-decoration: underline;
}

#footer_center {
	background:#212121;
    height: 460px;
    width: 30%;
    height: 430px;
    width: 30%;
    margin: auto;
    margin-top: -30px;
    max-width: 420px;
    padding-top: 30px;
	box-sizing: initial;
	
}

#footer_center .logo {
	position:relative;
}

#footer_right {
	    position: absolute;
    height: 100%;
    float: right;
    width: 30%;
    right: 30px;
    top: 30px;
}

#trip {
	    width: 160px;
    margin: auto;
    margin-top: 120px;
	color:#fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #FFFFFF;
	font-size: 17px;
}

#socials {
	width: 129px;
    margin: auto;
    margin-top: 146px;
	   
}

#socials li {
	float: left;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #FFFFFF;
    height:20px;
}

#socials li:first-child {
	
    padding-left: 0;
}

#socials li.last {
	border-right:none;
    padding-right: 0;
}

#socials li a {
	display: block;
    position: relative;
    top: -4px;
}


.logotype {
	position:absolute;
	bottom:0;
	left:0;
	
}

#footer_left .banquan{
	position:absolute;
	bottom:14px;
	font-size:12px;
	left:29px;
	color:#C5C5C5;}

#footer .half {
	height:100%;
}


#footer_left table {
	width: 100%;
position: absolute;
bottom: 106px;
left: 30px;
}


#footer_left table hr {
    width: 30px;
    border: none;
    border-top: 1px solid #FFFFFF;
    margin: 0;
    margin-bottom: 10px;

}

#footer_left table p {
	    font-family: "微软雅黑";
    color: #C5C5C5;
    font-size: 12px;
    line-height: 21px;
}



#footer_right table {
	width: 100%;
    position: absolute;
    top: 150px;
    left: 8px;
}


#footer_right table hr {
    width: 30px;
    border: none;
    border-top: 1px solid #FFFFFF;
    margin: 0;
    margin-bottom: 10px;
	margin-top: 10px;

}

#footer_right table p {
	    font-family: "微软雅黑";
    color: #C5C5C5;
    font-size: 12px;
    line-height: 21px;
}

#menu_lower {
    position: absolute;
    bottom: 93px;
    right: 28px;
}

#menu_lower ul {
	    float: right;
    clear: both;
}

#menu_lower ul li {
	float:left;
	margin: 1px 0;
}

#menu_lower ul li a {
	    color: #C9C9C9;
    font-family: "微软雅黑";
    font-size: 12px;
    padding: 0 8px;
}

#menu_lower ul li:first-child a {
	border-left:none;
}

/************ HOTEL *************/

.the_house .block_text {
	 bottom: 30px; 
     float: right; 
     right: 0;
     
    
}

.services {
	    width: 100%;
    overflow: hidden;
}

.services .block_pic {
	    float: right;
    width: 70%;
}

.services .block_section {
    width: 30%;
    position: relative;
}

.services .block_text._1 {
    width: 72%;
    left: 40%;
    height: 44%;
    padding: 8%;
}
.services .block_text._2 {
	    width: 85%;
    height: 35%;
    position: relative;
    top: 55%;
    padding: 8% 0% 8% 15%;
    background: #C1BEB7;
}

.services .block_section h3 {
	    color: #51473A;
    font-family: "微软雅黑";
    font-size: 16px;
}

.services .block_section p {
	    margin-top: 15px;
    color: #514639;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 19px;
}

.position .block_text {
position: absolute;
    top: 35px;
    right: 35px;
    float: right;
    width: 40%;
    background: #FFFFFF;
    z-index: 1;
    padding: 5%;
}

.position .block_text.hidden {
	height:0;
	padding:0 5%;
	opacity:0;
}


.tradition .block_text.hidden {
	-webkit-transform:translate3d(-100px,0,0);
	transform:translate3d(-100px,0,0);
    padding: 3%;
    height:auto;
    padding:60px;
    
}

.nature {
	overflow:hidden;
}

.nature .slider_controls {
	position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
}

.nature table td.text {
	vertical-align:top;
}



.nature .composite .text > div {
	position:absolute;
	top:107px;
}

.nature .composite .text > div.relative {
	top:0;
}

.nature .composite .text > div p {
    width: 90%;
}

.nature .composite #food_slide > div {
	position:relative;
	display:none;
	overflow:hidden;
}

.nature .composite #food_slide > div._1{
	display:block;
}

.nature .composite #food_slide > div img.hidden_by_scaling_low {
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
}

.sapienza .block_text {
    bottom: 30px;
    float: right;
    right: 0;
}

.tradition {
	   width: 100%;
    overflow: hidden;
    margin-bottom:120px;
}

.tradition .block_text {
    padding: 60px;
    width: 30%;
    top: 10%;
    z-index: 1;
}

.tradition .block_pic {
	    float: right;
    width: 70%;
}

#food_slide img {
	width:114%;
	-ms-transform:rotateZ(0.0001deg);
}

.middle_set {
	    color: #514639;
    font-family: "微软雅黑";
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    margin: auto;
    padding: 0px 100px;
    width: 40%;
    float:none !important;
}

.stripe {
	position:relative;
	    float: left;
    width: 100%;
}

.stripe .block_text {
	    right: 40px;
    top: 10%;
    height: 60%;
    width: 240px;
    background:rgba(224,219,212,0.95);
}

.stripe .block_text table {
	    height: 100%;
}

.stripe .block_text table td {
	vertical-align:middle;
}

#restaurant .stripe .block_text.hidden {
	height: 0;
    padding: 0 3%;
}

#restaurant .info_req table {
	    width: 60%;
    max-width: 1280px;
    margin: auto;
}

#restaurant .info_req table #body_info > div {
	width:100%;
}

#restaurant .info_req table #body_info form {
	margin-top:0px;
}

.sala .simple_text img {
	    margin-right: 10px;

}

.sala .simple_text span {
	    font-size: 16px;
    color: #FFFFFF;
    cursor:pointer;
}

.main_section.right .block_pic {
	float:right;
}

.main_section.right .block_text {
	float:left;
	left:0;
}

.sperimentazione {
	overflow:hidden;
}


.menu .paragraph {
    position: absolute;
    float: right;
    width: 38%;
    top: 10%;
    right: 10%;
}

.pool {
	float:left;
}



.solarium .block_section {
    width: 30%;
    position: relative;
    float: left;
}

.solarium .block_pic {
    float: left;
    width: 70%;
}


.solarium .block_section {
    width: 30%;
    position: relative;
}

.solarium .block_text._1 {
        width: 100%;
    left: -30%;
    height: 55%;
    padding: 0 8%;
    float: left;
    position: relative;
}
.solarium .block_text._2 {
	    width: 84%;
    height: 45%;
    position: relative;
    padding: 0 8%;
    background: #C1BEB7;
    float: left;
}



.solarium table {
	height:100%;
	
}

.solarium table td {
	    padding: 0 15%;
}

.clock {
	    position: relative;
    width: 100%;
    top: 8%;
}

.solarium .block_text._2 table {
	position:absolute;
	top:0;
	width:84%;
}

.bar .bar_back {
	width:98%;
	left:2%;
	position:relative;
}

.bar .paragraph {
      position: absolute;
    float: right;
    width: 42%;
    top: 5%;
    right: 27%;
}

.bar .paragraph h2 {
	text-align:center;
}

.bar .paragraph .long {
	text-align:center;
}

.bar .paragraph .single_column {
	text-align:center;
}

.relax h2 {
	width:37%;
}

.relax p {
	    clear: both;
    width: 65%;
    margin-top: 20px;
    float: left;
    -webkit-column-count: 2;
     -moz-column-count: 2;
      -ms-column-count: 2;
       column-count: 2;
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    -ms-column-gap: 90px;
    column-gap: 90px;
}

.relax .side_separator {
	    right: 350px;
}

.wellness .middle {
	position:relative;
}

#clock {
	position: absolute;
    bottom: 0;
    float: right;
    right: 50%;
    margin-right: -500px;
    width: 245px;
}

#clock #pointers {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;	
}

#clock #hours {
	height: 1px;
    background: #E0DBD4;
    width: 50px;
    position: absolute;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    left: 1px;
    top: 0;
	-webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}

#clock #minutes {
	    width: 1px;
    height: 85px;
    background: #E0DBD4;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    position: absolute;
    -webkit-transform-style: flat;
    transform-style: flat;
    top: 0px;
    left: 0;
    -webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	transition:all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}
#minutes.closed {
		-webkit-transform: rotateZ(540deg) !important;
	    transform: rotateZ(540deg) !important;
}

#hours.closed {
		-webkit-transform: rotateZ(500deg) !important;
	    transform: rotateZ(500deg) !important;
}

#clock .opening {
	     top: 99px;
    left: -22px;
}

#clock .closing {
	    top: 167px;
}

#clock .time {
	    position: absolute;
    color: #514639;
    font-size: 30px;
    font-family: "微软雅黑";
}

#clock .time_text {
	    float: left;
    font-family: "微软雅黑";
    color: #C6BFB2;
    font-size: 18px;
   text-align:center;
    position: absolute;
    bottom: -59px;
}

.wellness .content {
	    background: #E0DBD4;
    float: left;
    padding-top: 90px;
    padding-bottom:90px;
}

.wellness .block_title .simple_text {
	line-height:22px;
	    padding: 0 100px;
    text-align: center;
}

.wellness .spa_section {
    width: 110%;
    position: relative;
    
}

.wellness .spa_section.left {
    float: right;
    right: 50%;
    margin-right: -340px;
    background: rgba(81,70,57,0.4);
    z-index:1;
    margin-bottom:40px;
    
}

.wellness .spa_section.left.left_translated {
	-webkit-transform:translate3d(-100px,0,0);
	transform:translate3d(-100px,0,0);
	opacity:0;
}


.wellness .spa_section.right.right_translated {
	-webkit-transform:translate3d(100px,0,0);
	transform:translate3d(100px,0,0);
	opacity:0;
}

.wellness .spa_section._1 .bottom_translated{
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
	opacity:0;
}

.wellness .spa_section._2 .bottom_translated{
	-webkit-transform:translate3d(-10px,-10px,0);
	transform:translate3d(-10px,-10px,0);
	opacity:0;
}





.single_sentence {
	    font-family: "微软雅黑";
    text-align: center;
    font-size: 24px;
    color: #A69F96;
    float:left;
    width:100%;
}

.left_quote {
	    position: absolute;
    margin-top: -50px;
    font-size: 60px;
    font-family: "微软雅黑";
}

.right_quote {
	    position: absolute;
    margin-top: 0;
    font-size: 60px;
    font-family: "微软雅黑";
    margin-left: 230px;
}

.special_box {
	 width: 80%;
    margin: auto;
    position: relative;
    float:none;
    max-width:1280px;
   
}

.special_box .slider_controls {
    top: 50%;
    position: absolute;
    right: -16px;
      margin-top: 27px;
      z-index:2;
	
}

.special_viewport {
	width:100%;
	overflow:hidden;
}

.special_box .box_title{
	    font-family: "宋体";
    color: #C5BFB2;
    font-size: 28px;
    padding-right: 30px;
    background: #FFFFFF;
    z-index: 1;
    position: relative;
    float: left;
	letter-spacing: 0.5px;
}

.special_viewport > .side_separator {
	    top: 42px;
	    right:0;
}

.special_container {
    width: 100%;
    margin-top: 120px;
    margin-left:30px;
    display:none;
    
}

.special_container.first {
	display:block;
}

.special {
	width: 29%;
    float: left;
    margin-left: 5%;
    background: #E0DBD4;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin:top;
    transform-origin:top;
    will-change:transform;
}

.special.hidden {
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}

.special > img {
	-webkit-transform: translate3d(-30px,-30px,0);
	    transform: translate3d(-30px,-30px,0);
}

.special:first-child {
	margin-left:0;
}

.special_body {
	    position: relative;
    overflow: hidden;
   position: relative;
    
    margin: 0 30px 50px 30px;
    will-change:transform;
}

.special_body h2 {
	    color: #514639;
    font-family: "微软雅黑";
	font-size: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.special_body .side_separator {
	position: relative;
    float: left;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 15px;
    background: #FFFFFF;
    will-change: transform;
}

.special_body .side_separator.no_width {
	width:100% !important;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
} 

.special_body p {
	font-family: "微软雅黑";
    color: #514639;
    font-size: 12px;
    line-height: 22px;
    margin-top: 15px;
    float: left;
    margin-bottom: 37px;
    /*height:89px;*/
	/*overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;*/

}

.special_body li a{
    display: block;
	padding:0 20px 15px;
	overflow: hidden;
white-space: nowrap;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;}

.special_body li a span{
overflow: hidden;
white-space: nowrap;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
width: 95%;
}

/*.special_body li{
	margin:10px 0 0 0;}*/
	
.special_body p a:hover{
	color:#51040a;
	font-weight:bold;}

.special_body p span{
	font-size:15px;}

.special_box .special > img.hidden, #offer_body > img.hidden  {
	opacity:0;
	-webkit-transform:translate3d(-20px,-20px,0);
	transform:translate3d(-20px,-20px,0);
} 

.special td a {
	    float: left;
    width: 100%;
    height: 100%;
    color: #514639;
    padding:15px 0;
    display:block;
}

.special_details {
	width:100%;
	margin-top: 50px;
}

.special_details td {
	    text-align: center;
    border: 1px solid #FFFFFF;
    padding: 15px 0;
    font-family: "微软雅黑";
    letter-spacing: -1.8px;
    font-size: 14px;
    color:#514639;
    width:100%;
}

.offer_detail_button {
	padding:0 !Important;
}



.offer_detail_button:hover a {
	background:#603f24;
	color:#fff;
}

.special_details td span {
	font-size:20px;
}

.stripe_back {
	    float: left;
    width: 100%;
    background: #E0DBD4;
        padding: 90px 0;
         -webkit-transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),  opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        
    
   
}

.stripe_back.hidden {
	opacity:0;
}


.stripe_container {
	width: 67%;
    margin: auto;
    position: relative;
    max-width: 900px;
}

#room_stripe .round_pic {
	    width: 22%;
    position: absolute;
    margin-left: -160px;
    margin-top: 70px;
}

.stripe_back p {

    -webkit-column-count: 2;
        -moz-column-count: 2;
            -ms-column-count: 2;
                column-count: 2;
            
        
    
}

#room_service {
	background:none;
}
#room_service .stripe_container {
padding-bottom:60px;
}

#room_service p {
	line-height:22px;
}

#room_service p.left {
	    color: #514639;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 20px;
}

#room_service .stripe_container {
	width:50%;
}

#room_service table {
	width:100%;
}

.rooms .block_title.hidden {
	height:0;
	padding:0 30px;
	opacity:0;
}

.marriage .block_title {
	    position: absolute;
    left: 30px;
    top: 0;
    background: #FFFFFF;
    z-index: 2;
    width: 40%;
    padding: 5% 30px;
    overflow:hidden;
    height:54px;
      -webkit-transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    
}


.marriage .block_title.hidden {
	height:0;
	padding:0 30px;
	opacity:0;
}

.marriage .block_title  h1 {
	font-family: "微软雅黑";
    color: #C5BFB2;
    text-align: right;
    font-size: 32px;
    line-height: 32px;
}

.marriage .block_title  h2 {
	    text-align: right;
    font-family: "微软雅黑";
    color: #514639;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.marriage .block_text {
	    background: #C6BFB2;
    width: 50%;
    z-index: 1;
    position: absolute;
    top: -5%;
    left: 40%;
       padding: 6% 0 6%;
    margin-top: -2%;
}

.marriage .block_text p {
	font-family: "微软雅黑";
    font-size: 14px;
    padding: 0px 5% 0 18.6%;
    color: #514639;
    line-height: 18px;
}

.showcase .left_side {
	    position: absolute;
    	width: 100%;
}

.showcase .right_side {
	width: 100%;
    float: right;
}

.showcase .bottom {
	margin-top: 60px;
    float: left;
    width: 100%;
    position: relative;
}

.showcase ._2 {
    border: 20px solid #FFFFFF;
    margin-top: -11%;
    width: 32%;
    margin-left: 10px;
} 

.showcase ._3 {
        float: right;
    border: 20px solid #FFFFFF;
    width: 69%;
    position: relative;
    margin-top: 40px;
} 

.showcase ._4 {
    float: left;
    position: relative;
    width: 49%;
    margin-top: 20px;
    z-index: 1;
} 

.showcase ._5 {
       position: relative;
    float: right;
    border: 20px solid #FFFFFF;
    margin-top: -9%;
    width: 51%;
    right: 0;
    z-index: 2;
} 

.showcase ._7 {
    position: absolute;
    top: 0;
    width: 48%;
    left: 0px;
    border: 20px solid #FFFFFF;
} 

.showcase .head_1 {
	    position: relative;
    float: right;
    top: 0;
    width: 62%;
    margin-top: 60px;
}

.showcase .head_1 h2 {
	text-align: center;
    font-size: 42px;
    font-family: "微软雅黑";
    color: #C6BFB2;
}

.showcase .head_1 h3 {
    text-align: center;
    font-size: 24px;
    font-family: "微软雅黑";
    color: #C6BFB2;
}

.showcase .head_2 {
	    clear: both;
    float: left;
    margin-top: 50px;
    margin-left: 30px;
    width: 44%;
}

.showcase .head_2 h3 {
	text-align: center;
    font-size: 23px;
    font-family: "微软雅黑";
    color: #C6BFB2;
}

.showcase .text_1 {
	    position: relative;
    padding: 4% 6%;
    width: 15.4%;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
    border: 20px solid #FFFFFF;
}

#brochure {
	width: 42%;
    position: relative;
    padding-right: 4%;
}

#brochure img {
	margin-top:67px;
}

#brochure a {
	position:relative;
    right: 0;
    margin-left: -70px;
    margin-top: -67px;
    width: 140px;
    font-size: 18px;
    bottom:0;
}

#info {
	width: 100%;
    background: #E0DBD4;
    position: relative;
    float:left;
}

#body_info {
	    margin: 6%;
    background: #FFFFFF;
    padding: 6%;
    overflow: hidden;
}

#body_info p span {
	font-family:QuicksandItalic;
	font-style:normal;
	color:#ACA5A3;
}

#body_info > div {
	width:50%;
	float:left;
	padding-bottom:25px;
}

#body_info h3 {
	    font-family: "微软雅黑";
    color: #514639;
    font-size: 18px;
    line-height: 24px;
    height: 45px;
      color: #514639;
}

#body_info form {
	    margin-top: 69px;
}

#body_info .left p {
	font-family: "微软雅黑";
    font-size: 14px;
    margin-top: 30px;
    line-height: 22px;
    width: 80%;
      color: #514639;
}

#body_info form input {
	    border: none;
    border-bottom: 1px solid #E0DBD4;
    font-family: "微软雅黑";
    letter-spacing: -0.8px;
    height: 30px;
    font-size: 14px;
    margin-top:5px;
    width:100%;
      color: #514639;

}

#body_info form label {
	font-family: "微软雅黑";
    color: #AAAAAA;
    font-size: 14px;
}

#body_info form textarea {
	    width: 100%;
    border: 1px solid #E0DBD4;
    height: 208px;
    font-family: "微软雅黑";
    color: #514639;
}

#body_info .accept {
	font-family: "微软雅黑";
    font-size: 13px;
    width: 33.3333333%;
    line-height: 27px;
	float:left;
}

#body_info .circle_link {
    background: url(../images/big_brown.png);
    bottom: -37px;
    background-size: cover;
}


#header+ .main_section.specials .block_title {
	width: 80%;
    margin: auto;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    overflow: hidden;
    max-width: 1024px;
    left:0;
    float:none;
}

#header+ .main_section.specials .block_title .title_text {
	    width: 450px;
    margin-top: 30px;
    float: left;
    left: 50%;
    position: relative;
    margin-left: -225px;
    padding: 0;
}

#specials #scroll_down, #contacts #scroll_down {
	display:none;
}

.special_body .side_separator.no_width {
	transform:none;
	width:0 !important;
	
}

.specials .content {
	max-width: 1440px;;
    width: 90%;
    margin: auto;
    
}

#offers {
	float: left;
    width: 35%;
}



#offer_body {
	width: 56%;
    float: right;
    background: #E0DBD4;
    max-width:800px;
    position:relative;
}

.offer {
	    background: #E0DBD4;
	    outline: 1px solid #FFFFFF;
	    margin-top:1px;
}

.view_all_button {
	display:none;
}

.offer.left_translated{
	opacity:0;
	-webkit-transform:translateX(-15px);
	transform:translateX(-15px);
}

.offer a, .view_all_button p {
	    font-family: "微软雅黑";
    color: #514639;
    display: block;
    padding: 25px 30px;
    position: relative;
}

.offer .arrow_hover {
	margin-right: 25px;
    margin-left: -35px;
    opacity:0;
}

.offer .arrow_out {
	    float: right;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -2.5px;
}

.offer:hover,.offer.active {
	background:#FFFFFF;
	outline:1px solid #E0DBD4;	
}

.offer:hover .arrow_hover,.offer.active .arrow_hover {
	opacity:1;
	margin-left:0;
	
}

.offer:hover .arrow_out,.offer.active .arrow_out{
	opacity:0;
	right:-5px;
	
}

.view_all_offer {
	display:none;
}

#offer_body.hidden {
	opacity:0;
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
}

#offer_body .special_body h2 {
	    font-size: 27px;
}

#offer_body .special_body {
	position: relative;
    width: 75%;
   margin: 50px 12.5% 30px 12.5%;
    padding: 0;
    float: left;
    overflow:visible;
    z-index:1;
}

.f_offer {
	    border-bottom: 1px solid #E0DBD4;
}

.f_offer input {
	    float: left;
    margin-top: 0 !important;
    width: auto !important;
    float: none;
    margin-left: 15px;
    border-bottom: none !important;
    font-weight: bold;
}

#offer_body .special_body p {
	height:auto;
}

#offer_body .special_body p.included {
    width: 100%;
    font-style: italic;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 20px;
    font-family: "微软雅黑";
}

#offer_body ul li {
	font-family: "微软雅黑";
    color: #514639;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    float: left;
    margin-bottom: 0;
    width: 100%;
        padding-left: 35px;
        position:relative;
}

#offer_body ul li img {
	    position: absolute;
    top: 10px;
    left: 0px;
}

#offer_body .price span {
	color: #514639;
    font-family: Cardo Bold;
    font-size: 28px;
    margin-right: 10px;
}

#offer_body .price {
	margin-bottom:100px;
}

#offer_body .circle_link {
	 padding-top: 38px;
    padding-bottom: 38px;
    bottom:-90px;
    font-size: 19px;
    pointer-events:none;
       
}

#special_info_request .circle_link {
	    bottom: -73px;
    padding-bottom: 49px;
    padding-top: 49px;
    pointer-events:all;
}

#offer_body .circle_link img {
	    bottom: 9px;
}

#offer_body .special_body .side_separator {
	position: absolute;
    top: 31px;
}


#specials #header img.hidden_by_scaling_low, #contacts #header img.hidden_by_scaling_low  {
	-webkit-transform:scale(0.98);
	transform:scale(0.98);
}

#special_info_request {
	    position: relative;
    width: 100%;
    margin-bottom:30px;
    padding: 0;
    float: left;
    overflow: visible;
}

#special_info_request #body_info {
	margin: 0 6%;
}

#special_info_request #body_info > div {
	width:100%;
}

#special_info_request #body_info .left p {
	width:100%;
	text-align:center;
	margin-top: 40px;
}

#special_info_request #body_info form {
	margin-top:0px;
}

.itineraries .block_title .text {
	color: #514639;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-top: 5px;
    line-height: 25px;
    display: block;
    padding: 0px 100px;
}

.itineraries.all .block_text table td.text{
	-webkit-transform-origin: center;
transform-origin: center;
}

.itineraries.all .block_text table td.text p {
    color: #514639;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    z-index: 1;
    position: relative;
    padding: 10%;
    line-height: 25px;
}

.contacts .content {
    max-width: 1440px;
    width: 90%;
    margin: auto;
}

#form {
	float: left;
    width: 30%;
    font-family:Quicksand;
	font-size:16px;
	color:#514639;
}

#contacts_body {
	width: 60%;
    float: right;
    background: #E0DBD4;
    position:relative;
}

#form h2 {
	font-size:24px;	
}

#form p {
	line-height:22px;
	margin-top:60px;
}

#contact_form {
	margin-top:60px;
}

#contact_form input {
	margin-top:10px;
	width:100%;
	height:30px;
	font-family: "微软雅黑";
    color: #514639;
    font-size: 14px;
    text-indent: 8px;
}

#contact_form > div {
	    margin-top: 15px;
    float: left;
    width: 100%;
}

#contact_form textarea {
	width:96%;
  resize: vertical;
  height:200px;
  margin-top:10px;
  font-family: "微软雅黑";
    color: #514639;
    font-size: 14px;
   padding:2%;
}

#form p.privacy_text {
	    margin-top: 5px;
    font-size: 14px;
    text-align: justify;
}

._email {
	display:none;
}

.accept_box {
	margin-top:3px;
}

#form p.accept {
	    width: 85%;
    float: left;
    margin-top: 0;
}

#prv {
    width: 18px !important;
    float: left;
	height:20px !important; 	
}

#form_reset {
	float:left;
	cursor:pointer;
}

#form_send {
	float:right;
	cursor:pointer;
}

#form_reset img {
	margin-right:10px;
}

#form_send img {
	margin-left:4px;
}

#contacts_body iframe {
	margin-top:-30px;
	margin-left:-30px;
}

#contacts_body.hidden {
	opacity:0;
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
}

#contacts_body .special_body h2 {
	    font-size: 27px;
}

#contacts_body .special_body {
	position: relative;
    width: 75%;
    margin: auto;
    margin-top: 50px;
    padding:0;
}

#contacts_body .special_body p {
	height:auto;
}

#contacts_body .special_body p.included {
    width: 100%;
    font-style: italic;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 20px;
    font-family: "微软雅黑";
}

#contacts_body ul li {
	font-family: "微软雅黑";
    color: #514639;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    float: left;
    margin-bottom: 0;
    width: 100%;
        padding-left: 35px;
        position:relative;
}

#contacts_body ul li img {
	    position: absolute;
    top: 10px;
    left: 0px;
}

#contacts_body .price span {
	color: #514639;
    font-family: Cardo Bold;
    font-size: 28px;
    margin-right: 10px;
}

#contacts_body .price {
	margin-bottom:100px;
}

#contacts_body .circle_link {
	 padding-top: 38px;
    padding-bottom: 38px;
    bottom:-60px;
       
}

#contacts_body p.intro {
	font-size:16px;
}

#contacts_body p.info_text {
	margin-top:0;
}

#contacts_body p.included {
	margin-bottom:20px !important;
}

/**************** FULLSCREEN GALLERY *********************/

#fullscreen_gallery {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	top: 0px;
	z-index: 2;
	display: none;
}

#control_bar {
	position: absolute;
    bottom: 30px;
    height: 40px;
    width: 100%;
    background: rgba(255,255,255,0.2);
    z-index: 10;
}

#controls {
overflow: hidden;
margin: auto;
width: 850px;
margin-top: 5px;
}

#controls .gallery_title {
font-size: 35px;
font-family: Gandhi;
color: #BDB6AE;
float: left;
margin-top: 11px;
margin-left: 50px;
width: 460px;
}

#controls img.logo {
	float:left;
}

#controls .gallery_title span {
	font-style:italic;
}

#controls .counter {
	
	font-size: 38px;
font-family: Gandhi;
color: #BDB6AE;
float: left;
margin-top: 10px;
margin-left: 40px;
}

#controls .counter span {
	color:#AB8C3F;
}

/*.loader {
 font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 3px solid rgba(198, 191, 178, 0.3);
    border-right: 3px solid rgba(198, 191, 178, 0.3);
    border-bottom: 3px solid rgba(198, 191, 178, 0.3);
    border-left: 3px solid #C6BFB2;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loaderSpin 1s infinite linear;
    animation: loaderSpin 1s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}
.loader,
.loader:after {
 border-radius: 50%;
    width: 30px;
    height: 30px;
}
@-webkit-keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/

#fullscreen_gallery .pic_big {
	float:left;
	overflow:hidden;
	position:absolute;
	z-index:2;
}

#fullscreen_gallery .pic_big.behind {
	z-index:1;
}

#fullscreen_gallery .pic_big.above {
	z-index:3;
}



.full_arrow_left {
position: absolute;
top: 0;
margin-top: 0px;
height: 100%;
width: 10%;
cursor:pointer;
z-index:10;
}

.full_arrow_right {
position: absolute;
top: 0;
float: right;
height: 100%;
width: 10%;
right: 0px;
margin-top: 0px;
cursor:pointer;
z-index:10;
}

.full_arrow_right:hover,.full_arrow_left:hover {
	-webkit-transform:scale(1.12);
	transform:scale(1.12);
}

.full_arrow_left img {
	position: relative;
top: 50%;
    margin-top: -25px;
    margin-left: 40px;
}

.full_arrow_right img {
	position: relative;
top: 50%;
    margin-top: -25px;
    margin-right: 40px;
float:right;
}

#controls .close p {
	font-size: 22px;
font-family: GandhiItalic;
color: #BDB6AE;
text-align: center;
}


#controls .close {
margin-top: 4px;
float: left;
position: absolute;
right: 25px;
cursor:pointer;
}

#numbers {
    height: 100%;
    left: 50%;
    position: absolute;
    width: 99999999px;
}

#numbers .num {
	float: left;
    padding: 8px 0;
}

#numbers .num.active {
	-webkit-transform: translateY(-60px);
    transform: translateY(-60px);
   
	
}

#numbers .num p {
	 color: #FFFFFF;
    text-shadow: 1px 1px 1px #111111;
}
   
    
#numbers .num.active p {
	 font-size: 40px;
}

.gallery_title {
	    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 10;
    background: rgba(255,255,255,0.8);
    height: 47px;
    padding: 10px 0px;
}

.gallery_title h2 {
	font-family: "微软雅黑";
    color: #C5BFB2;
    letter-spacing: 0;
    font-size: 30px;
    margin-left: 20px;
}

.gallery_close {
	    position: absolute;
    top: 40px;
    z-index: 20;
    background: rgba(255,255,255,0.8);
    padding: 20px;
    float: right;
    right: 40px;
    cursor:pointer;

}

.credits {
	color: #C5C5C5;
    font-family: "微软雅黑";
    font-size: 12px;
    padding: 0 42px;
	position:absolute;
    bottom: 14px;
    width: 100%;
    text-align: left;
}

.credits a {
	    color: #C5C5C5;
    margin-right: 5px;
}


@media screen and (max-width:1600px) and (min-width:1360px){
	.block_text h2 {
margin-top: 25px;
}

.sx-learn {
width: 76%;
top: 109px;
right: 100px;
}

}

@media screen and (max-width:1360px) and (min-width:1200px){
	.block_text h2 {
margin-top: 30px;
}

.sx-learn {
width: 74%;
top: 109px;
right: 100px;
}

.itineraries.all .composite .block_text{
	margin-top: 58px;
}

}

@media screen and (max-width:1200px) and (min-width:1024px){
	.block_text h2 {
margin-top: 35px;
}

.sx-learn {
width: 72%;
top: 109px;
right: 100px;
}

}


@media screen and (max-width:1276px) and (min-width:1000px){
.composite .block_text table td.text p {
color: #514639;
font-family: "微软雅黑";
font-size: 14px;
line-height: 20px;
z-index: 1;
position: relative;
height: 243px;
overflow: hidden;
}
	}


.special_details-n td a {
	    float: left;
    width: 100%;
    height: 100%;
    color: #514639;
    padding:15px 0;
    display:block;
}

.special_details-n {
	width:100%;
}

.special_details-n td {
	    text-align: center;
    border: 1px solid #FFFFFF;
    padding: 15px 0;
    font-family: "微软雅黑";
    letter-spacing: -1.8px;
    font-size: 14px;
    color:#514639;
    width:100%;
}




/*面包屑导航*/
.crumb{
	width:80%;
	margin:0 auto;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 26px;
	background: url(../images/icon.png) no-repeat 0 -96px;
	margin-top:20px;
	font-size:13px;}
	
.crumb span {
color: #948067;
font-weight:bold;
}
/*面包屑导航  end*/



.wrap {
width: 100%;
transition: all 0.3s ease 0s;
}

.navbox {
background-color: #C6BFB2;
height: 57px;
position: relative;
z-index: 1;
}

.navbox ul {
width: 100%;
margin-bottom:0;
}

.navbox li {
width: 33.3333333%;
text-align: center;
height: 57px;
color: #555;
font-size: 18px;
cursor: pointer;
transition: normal 0s ease 0s;
float:left;
border-right: 1px solid #fff;
}

.navbox li.hover {
background: #514639;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox li .tt {
	width:100%;
line-height: 57px;
display: inline-block;
vertical-align: 34px;
transition: normal;
}

.navbox li.hover .tt {
color: #fff;
}

.navbox li:hover {
background: #514639;
color:#fff;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}


.navbox-1 {
background-color: #C6BFB2;
height: 57px;
position: relative;
z-index: 1;
margin-top: -4px;
}

.navbox-1 ul {
width: 100%;
margin-bottom:0;
}

.navbox-1 li {
width: 25%;
text-align: center;
height: 57px;
color: #555;
font-size: 18px;
cursor: pointer;
transition: normal 0s ease 0s;
float:left;
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.navbox-1 li.hover {
background: #514639;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox-1 li .tt {
	width:100%;
line-height: 57px;
display: inline-block;
vertical-align: 34px;
transition: normal;
}

.navbox-1 li.hover .tt {
color: #fff;
}

.navbox-1 li:hover {
background: #514639;
color:#fff;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

@media (max-width: 767px) {
    .navbox-1 li {
    font-size: 16px;}
}