
.pageBanner{height:500px; overflow:hidden; position:relative; background:#000;}
.pageBanner .bg{background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.pageBanner i{display:block; background:url(../Images/img68_2.png) center no-repeat; background-size:cover; width:68px; height:68px; position:absolute; left:50%; margin-left:-34px; bottom:50px;}
.pageBanner i{
-webkit-animation: pageBannerAnimation 1.5s infinite linear;
-moz-animation: pageBannerAnimation 1.5s infinite linear;
-o-animation: pageBannerAnimation 1.5s infinite linear;
}
@-webkit-keyframes pageBannerAnimation {
from { -webkit-transform:scale(1); opacity:1; margin-bottom:0px;}
to { -webkit-transform:scale(0.8); opacity:0; margin-bottom:-80px;}
}
@-moz-keyframes pageBannerAnimation {
from { -moz-transform:scale(1); opacity:1; margin-bottom:0px;}
to { -moz-transform:scale(0.8); opacity:0; margin-bottom:-80px;}
}
@-o-keyframes pageBannerAnimation {
from { -o-transform:scale(1); opacity:1; margin-bottom:0px;}
to { -o-transform:scale(0.8); opacity:0; margin-bottom:-80px;}
}

.about_01{padding-bottom:50px; color:#555; font-size:14px; line-height:2.5em; text-align:justify;}
.about_01 .imgDiv, .about_01 p{padding-bottom:40px;}
.about_01 p{text-indent:2em;}

.about_02{background:#f9f9f9; min-height:200px; position:relative;}
.about_02 .img{position:absolute; left:0px; top:0px; width:50%; height:100%;}
.about_02 .box{width:50%; padding:20px 0 100px 80px; margin-left:auto;}
.about_02 li{font-size:18px; line-height:28px; padding-bottom:30px;}
.about_02 li span{color:#999; font-size:0.888em;}
.about_02 .btn{padding-top:30px;}

.about_03{background:url(../Images/about_03.jpg) center bottom no-repeat; background-size:100%;}
.about_03 .name{font-size:16px; padding:25px 0;}
.about_03 .content{font-size:16px; color:#666; line-height:1.875em; text-align:justify;}
.about_03 .content p{text-indent:2em; padding-bottom:25px;}
.about_03 .msg{text-align:right; font-size:16px; color:#666; padding:50px 0 250px 0;}

.about_04{width:100%; overflow:hidden; position:relative;}
.about_04 ul{margin-right:-16px;}
.about_04 li{float:left; width:33.333%; padding:0 16px 10px 0; text-align:center;}
.about_04 .imgDiv{border:#d3d3d3 solid 2px;}
.about_04 img{width:100%;}
.about_04 .name{height:65px; line-height:65px; overflow:hidden; color:#555; font-size:16px;}

.rooms .imgDiv{float:left; width:66.5%; min-height:50px; position:relative;}
.rooms .imgDiv img{width:100%;}
.rooms .imgDiv a{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../Images/img63.png) center no-repeat; opacity:0; filter:alpha(opacity=0);}
.rooms .fr{width:33.5%; padding:88px 0 0 60px;}
.rooms h2{font-size:30px; color:#FFF; background:#d59400; height:70px; line-height:70px; margin-left:-60px; padding-left:60px; position:relative;}
.rooms h2 b{position:absolute; left:-140px; top:0px; font-size:18px; width:140px; height:70px; background:#736558; text-align:center;}
.rooms .price{margin-left:-60px; padding:15px 0 0 60px; border-bottom:#eee solid 1px; line-height:65px;}
.rooms .price b{font-size:18px; color:#d59400;}
.rooms .price em{color:#736558; padding-left:15px; text-decoration:line-through;}
.rooms .price span{font-size:1.2em; display:inline-block; position:relative; top:2px;}
.rooms .content{font-size:14px; line-height:2em; color:#666; min-height:160px; padding:25px 0;}
.rooms .btn{height:60px;}
.rooms .btn dl{margin-right:-12px;}
.rooms .btn dd{float:left; width:50%; padding-right:12px; max-width:152px;}
.rooms .btn a{display:block; line-height:50px; text-align:center; background:#d59400; font-size:16px; color:#FFF;}
.rooms .btn a:hover{background:#9d710c;}
.rooms .btn a.a1{background:#736558;}
.rooms .btn a.a1:hover{background:#d59400;}
.rooms .h10{height:100px;}
.rooms li.on .imgDiv a{opacity:1; filter:alpha(opacity=100);}

.leisure{padding-top:85px; width:100%; overflow:hidden; position:relative; text-align:center;}
.leisure ul{margin-right:-100px;}
.leisure li{float:left; width:50%; padding:0 100px 85px 0;}
.leisure .box, .leisure .imgDiv{min-height:50px; position:relative;}
.leisure .imgDiv{background:#000;}
.leisure .imgDiv img{width:100%;}
.leisure .layer{position:absolute; left:0px; top:70%; width:100%; color:#FFF; margin-top:-150px; padding:0 15px; opacity:0; filter:alpha(opacity=0);}
.leisure .layer h2{width:210px; margin:0 auto; border:rgba(255,255,255,0.3) solid 10px;}
.leisure .layer a{display:block; height:190px; line-height:190px; background:rgba(115,101,88,0.8) url(../Images/img135.png) center no-repeat; font-size:20px; color:#FFF; font-weight:400;}
.leisure .name{font-size:16px; line-height:30px; padding-top:20px;}
.leisure p{font-size:14px; line-height:30px; height:60px; overflow:hidden;}
.leisure a.btn{display:block; position:absolute; z-index:10; right:10px; bottom:10px; width:140px; line-height:50px; font-size:16px; color:#FFF; background:#d59400;}
.leisure li.on .imgDiv img{opacity:0.33; filter:alpha(opacity=33);}
.leisure li.on .layer{opacity:1; filter:alpha(opacity=100); top:50%;}

.leisureShow{text-align:left; padding:40px 0;}
.leisureShow .title{font-size:28px;}
.leisureShow .msg{font-size:14px; color:#999; padding:20px 0 25px 0; border-bottom:#e6e6e6 solid 1px;}
.leisureShow .msg span{padding:0 1em;}
.leisureShow .content{font-size:16px; line-height:36px; color:#666; padding:35px 0;}
.leisureShow .content p, .leisureShow .content .imgDiv{padding-bottom:35px;}
.leisureShow .content p.p-1{text-align:justify; text-indent:2em;}

.news{padding-top:50px;}
.news li{min-height:50px; position:relative; padding:0 0 50px 269px;}
.news .imgDiv{position:absolute; left:0px; top:0px; width:269px; overflow:hidden;}
.news .imgDiv img{width:100%;}
.news .box{min-height:202px; position:relative; padding:25px;}
.news .line{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.news .line i{display:block; position:absolute; background:#d7990d;}
.news .line .i-1{width:2px; height:0px; left:0px; top:0px;}
.news .line .i-2{width:0px; height:2px; left:0px; top:0px;}
.news .line .i-3{width:2px; height:0px; right:0px; bottom:0px;}
.news .line .i-4{width:0px; height:2px; right:0px; bottom:0px;}
.news .name{font-size:20px;}
.news .time{font-size:16px; color:#999; padding:7px 0 20px 0;}
.news .content{font-size:14px; line-height:30px; height:60px; overflow:hidden; color:#666; text-align:justify;}
.news a.btn{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.news li.on .line .i-1{height:100%;}
.news li.on .line .i-2{width:100%;}
.news li.on .line .i-3{height:100%;}
.news li.on .line .i-4{width:100%;}
.news li.on a{color:#d7990d;}
.news li.on .imgDiv img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}

.callery_01{background:url(../Images/callery_01.jpg) center no-repeat; background-size:cover; min-height:200px; padding:285px 0;}
.callery_01 .wal{background:#FFF; font-size:16px; line-height:3em; text-align:center; padding:80px 15px;}

.callery_02 li{color:#666; min-height:200px; position:relative;}
.callery_02 .img{position:absolute; left:0px; top:0px; width:50%; height:100%; overflow:hidden;}
.callery_02 .imgDiv{position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.callery_02 .box{padding:300px 0 300px 80px; width:50%; margin-left:auto;}
.callery_02 .title{text-transform:uppercase; font-size:18px; padding:0 0 55px 0;}
.callery_02 .title h2{font-size:24px; color:#d59400;}
.callery_02 .content{font-size:16px; line-height:3em; text-align:justify;}
.callery_02 .liOdd .img{left:50%;}
.callery_02 .liOdd .box{padding:300px 80px 300px 0; margin-left:0px;}
.callery_02 .liOdd .title{text-align:right;}
.callery_02 .h10{height:80px;}
.callery_02 li.on .imgDiv{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}

.calleryList{width:100%; overflow:hidden; position:relative; padding-top:70px;}
.calleryList ul{margin-right:-70px;}
.calleryList li{float:left; width:25%; padding:0 70px 55px 0;}
.calleryList .box{border:#e7e7e7 solid 1px; height:380px;}
.calleryList .imgDiv{margin-left:-1px; margin-right:-1px; position:relative; top:-1px; min-height:50px;}
.calleryList .imgDiv img{width:100%;}
.calleryList .imgDiv a{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../Images/img57.png) center no-repeat; border:#e6e6e6 solid 7px; opacity:0; filter:alpha(opacity=0);}
.calleryList .name a{display:block; height:70px; line-height:70px; text-align:center; font-size:16px; overflow:hidden;}
.calleryList li:hover .imgDiv a{opacity:1; filter:alpha(opacity=100);}
.calleryList li:hover .name a{color:#d59400;}

.pageMore2{clear:both; text-align:center; padding-top:20px; height:100px;}
.pageMore2 a{display:inline-block; font-size:16px; color:#999; border:#d9d9d9 solid 1px; width:218px; line-height:48px;}
.pageMore2 a:hover{border-color:#d59400; background:#d59400; color:#FFF;}

.contactLayer{position:absolute; left:0px; bottom:190px; width:100%;}
.contactLayer .wal{background:#FFF; min-height:300px;
-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
box-shadow:0 0 15px rgba(0,0,0,0.2);
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.contactLayer .box{max-width:510px; margin:0 auto; padding:60px 0; font-weight:bold; font-size:16px; line-height:26px;}
.contactLayer .ewm{position:absolute; left:50%; top:60px; text-align:center; width:320px; color:#969696;}
.contactLayer .ewm img{padding:5px; border:#b9b2ab solid 2px;}
.contactLayer .ewm h3{color:#736558; padding:10px 0 8px 0;}

.contact_02{background:url(../Images/contact_02.jpg) center no-repeat; background-size:cover;}
.contact_02 .pageTitle2{padding:185px 0 130px 0;}
.contact_02 .form{width:100%; overflow:hidden; position:relative;}
.contact_02 ul{margin-right:-70px;}
.contact_02 li{float:left; width:33.333%; padding:0 70px 0 58px; min-height:92px; position:relative;}
.contact_02 .li_01{width:100%;}
.contact_02 li em{position:absolute; left:0px; top:0px; line-height:47px; font-size:16px; color:#555;}
.contact_02 .input{border:#d4d4d4 solid 1px;}
.contact_02 .input.on{border-color:#d69400;}
.contact_02 .input1{width:100%; height:45px; line-height:45px; padding:0 15px; font-size:14px;}
.contact_02 textarea.input1{height:300px; line-height:25px; padding:10px 15px;}
.contact_02 .btnDiv{clear:both; text-align:center; padding:65px 0 200px 0;}
.contact_02 .btnDiv div{width:152px; margin:0 auto; background:#d69400;}
.contact_02 .btn1{height:51px; width:100%; font-size:20px; color:#FFF;}
.contact_02 .input, .contact_02 .btnDiv div{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;	
}

.face{padding-top:70px;}
.face .fl, .face .fr{width:50%; min-height:50px; position:relative; padding-bottom:50px;}
.face .fl{border-right:rgba(187,182,178,0.4) solid 1px;}
.face .ico{width:32px; height:32px; background:url(../Images/img32.png) center no-repeat; position:absolute; z-index:2; top:-16px; right:-17px;}
.face .ico-1{top:auto; bottom:-16px;}
.face .part1{text-align:center; border-bottom:rgba(187,182,178,0.4) solid 1px; padding-bottom:15px; min-height:50px; position:relative;}
.face .imgDiv{padding:13px; border:#d69400 solid 1px;}
.face h1{font-size:18px; height:60px; line-height:60px; overflow:hidden;}
.face .list{padding-top:35px;}
.face li{font-size:16px; line-height:1.75em; color:#666;}
.face h2{font-size:16px; color:#d69400; line-height:25px; height:30px;}
.face h2 img{float:left; margin-right:6px;}
.face .box{max-width:395px;}
.face .fr .box{margin-left:auto;}

.face .imgDiv, .face .imgDiv img{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;	
}

















