﻿@charset "utf-8";
/* CSS Document */

body { font-size: 12px; font-family: "microsoft yahei"; color: #333; background: #fff; }
input, select, textarea, button { vertical-align: middle; outline:none; font-family: "microsoft yahei"; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #333; }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { margin: 0 auto; width:1260px; position:relative;}
.mtp15 { margin-top: 15px; }


/**index**/
.head{ height:102px; width:100%; min-width:1260px; position:absolute; top:0; left:0; z-index:101;}
.head-bg{ background:#000; width:100%; height:102px; position:absolute; left:0; top:0; filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.70;} 

.head-nav{ padding-top:45px;}
.head-nav li{ float:left; font-size:14px; padding:0 26px;}
.head-nav li.logo{ position:relative; margin-top:-45px; width:211px; height:178px;}
.head-nav li a{ color:#fff;}


.banner{ width:100%; margin:0px auto; min-width:1200px; overflow:hidden; position:relative;}
.banneritem li{overflow:hidden; display:none;}
.banneritem img{ display: block; width: 100%; min-width:1200px;}
.bx-wrapper .bx-pager{ position:absolute; width:100%; text-align:center; bottom:17px; z-index: 100;}
.bx-wrapper .bx-pager .bx-pager-item{ display:inline-block; vertical-align:middle;}
.bx-wrapper .bx-pager a { background:#cccccc; text-indent:-9999px; display:block; width:46px; height:8px; margin:0 2px; outline:0; }
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active {background:#cc0000; }
.bx-controls-direction{ display:none;}


.main{ width:1260px; margin:auto; padding-top:1px;}
.main-left{ width:371px;}
.main-right{ width:886px;}


.product{ background:#e6ebe2; color:#5d221a; min-height:315px;}
.product .img{ width:371px; height:197px; display:block; border-bottom:8px #cf9e51 solid;}
.product .inner{ padding:15px 18px 0 26px;}
.product .inner .tit{ font-size:18px;}
.product .inner .txt{ padding-top:12px; height:16px; overflow:hidden;}
.product .inner .more{ text-align:right; padding-top:14px;}
.product .inner .more a{ color:#5d221a;}


.join{ background:#e4dfd9; color:#5d221a; margin-top:1px; min-height:315px;}
.join .img{ width:371px; height:197px; display:block; border-bottom:8px #5d221a solid;}
.join .inner{ padding:15px 18px 0 26px;}
.join .inner .tit{ font-size:18px;}
.join .inner .txt{ padding-top:12px; height:48px; line-height:24px; overflow:hidden;}


.hotel{ background:url(../images/hotelBg.jpg) no-repeat; width:381px; height:312px; padding:40px 79px 72px 72px;}
.hotel .hotel-title{ color:#fff; font-size:24px; padding-bottom:8px;}
.hotel .filed{ margin-top:17px;}
.hotel .filed .inpt{ /*width:364px;*/width:170px; height:53px; font-size:16px; color:#999; padding-left:17px;}
.hotel .button{ padding-top:27px; text-align:right;}
.hotel .button .btn{ background:#cf9e51 url(../images/srh.png) no-repeat 28px center; width:190px; height:41px; line-height:41px; text-align:left; padding-left:90px; font-size:14px; color:#fff; cursor:pointer;}


.Favour{ background:#efefef; color:#5d221a; width:352px; min-height:424px;}
.Favour .img{ width:352px; height:311px; display:block; }
.Favour .inner{ padding:16px 18px 0 26px;}
.Favour .inner .tit{ font-size:18px;}
.Favour .inner .txt{ padding-top:12px; height:16px; overflow:hidden;}
.Favour .inner .more{ text-align:right; padding-top:14px;}
.Favour .inner .more a{ color:#5d221a;}


.about{ background:#5d221a; color:#fff; min-height:205px; margin-top:2px;}
.about .img{ width:368px; height:205px; display:block; }
.about .inner{ width:481px; float:left; padding:37px 13px 0 24px;}
.about .inner .tit{ font-size:18px;}
.about .inner .txt{ padding-top:12px; height:96px; line-height:24px; overflow:hidden;}
.about .inner .more{ text-align:right; }
.about .inner .more a{ color:#fff;}


.news{ margin-top:27px; height:35px;}
.news-tit{ background:url(../images/news-tit.png) no-repeat; width:106px; height:35px; line-height:35px; color:#fff; text-align:center; font-size:12px; float:left;}
.news-list{ width:1154px; float:left;}
.news-list li{ float:left; width:384px; line-height:35px; height:35px; overflow:hidden; text-align:right;}
.news-list li a{ background:url(../images/newsIco.png) no-repeat left center; padding-left:9px; }
.news-list li span{ color:#ccc; float:right; padding-left:20px;}


.link{ margin-top:50px; padding-top:14px; border-top:1px #ccc solid;}
.link ul{ width:113px; text-align:left; float:left;}
.link ul li{ line-height:30px;}
.link ul li.title{ font-size:14px;}
.link ul li a{ color:#666;}
.link .code{ width:235px; text-align:center; padding-top:10px; line-height:30px; border-left:1px #ccc solid;}


.footer{ background:#5d221a; height:71px; line-height:71px; color:#fff; margin-top:25px;}
.footer a{ color:#8a5a54;}


/**about**/
.ny-banner{ width:100%; min-width:1260px; min-height:284px;}
.ny-warp{ width:1177px; margin:auto; padding-top:55px;}

.left{ width:169px;}
.left-top{ font-size:24px; color:#000; padding:20px 0; text-align:center;}
.left-nav li{ height:59px; line-height:59px; padding-left:43px; position:relative; font-size:14px; border-bottom:1px #adadad solid;}
.left-nav li.on a{ color:#996633;}
.left-nav li.on:before{content:''; height:7px; width:7px; display:block; border:1px solid #a77e59; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:26px; right:17px;}
.left-nav li.on:after{content:''; width:6px; height:6px; background:#990000; position:absolute; left:27px; top:26px; border-radius:50%;}


.right{ width:950px;}
.right-top{ height:45px; line-height:45px; border-bottom:1px #cbcbcb solid; font-size:18px; color:#000; padding-left:18px;}
.right-about{ padding:30px 0; line-height:30px;}

.right-news{ padding:40px 26px 0 13px;}
.right-news li{ vertical-align:middle; overflow:hidden; padding:36px 17px 38px 0; border-bottom:1px #d7d7d7 solid;}
.right-news li .img{ width:171px; height:105px; float:left; display:block;}
.right-news li .info{ width:700px; float:right;}
.right-news li .info-tit h3{ font-size:14px; color:#000; max-width:605px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.right-news li .info-tit .date{ color:#999; float:right;}
.right-news li .info-txt{ line-height:24px; max-height:72px; color:#666; padding-top:15px;}
.right-news li .info-txt .view{ padding-left:105px;}
.right-news li:last-child{ border-bottom:0;}


.concep-video{ margin-top:37px; position:relative;}
.concep-video .icon{ background:url(../images/videoIco.png) no-repeat; width:98px; height:98px; display:block; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; cursor:pointer;}
.concep-info{ line-height:30px; font-size:14px; padding-top:30px;}
.concep-info h3{ font-size:24px; padding:20px 0;}


.re-head{ padding:28px 18px 58px 10px;}
.re-head .srh .inpt{ background:#ededed; width:278px; padding-left:29px; height:37px; font:14px/37px "宋体"; border:0; color:#878787;}
.re-head .srh .sbtn{ background:#ca1818; width:57px; height:37px; color:#fff; text-align:center; font:14px/37px "microsoft yahei"; cursor:pointer;}
.re-head .del{ padding-left:40px; display:inline-block; line-height:37px; color:#656565;}
.re-cont{ padding:0 18px 0 10px;}
.re-cont-hd{ background:#e9e4e0; height:51px; line-height:51px; position:relative; padding-left:27px; color:#333; font-family:"microsoft yahei"; cursor:pointer; border-bottom:1px #f2f2f2 solid;}
.re-cont-hd .tit{ font-size:18px; float:left;}
.re-cont-hd .city{ margin-left:25px; float:left; border-left:1px #666 solid; padding-left:10px; line-height:16px; display:inline-block; margin-top:18px; font-size:14px; color:#666;}
.re-cont-hd .apply{ font-size:14px; color:#666; position:absolute; right:85px;}
.re-cont-hd .arrow{ background:url(../images/re-arrow.png) no-repeat; background-position:0 -25px; width:23px; height:23px; display:block; position:absolute; right:27px; top:15px;}
.re-cont-hd.on{ background:#996633; color:#fff;}
.re-cont-hd.on .city{ color:#fff; border-color:#fff;}
.re-cont-hd.on .apply{ color:#fff; }
.re-cont-hd.on .arrow{ background-position:0 0;}
.re-cont-bd{ background:#f4f4f4; display:none;}
.re-cont-bd .r-inner{ padding:30px; color:#666; font-size:14px; line-height:30px;}
.re-cont-bd .r-inner .rements{ padding:30px 0 15px 0;}
.re-cont-bd .r-inner .red{ color:#cc0000;}
.re-cont-bd .r-inner .treatment{ color:#333; padding-top:10px; border-top:1px #999 dashed;}


.right-spring{ margin-top:55px; padding:16px 14px 30px 13px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);}
.right-spring .text{ line-height:24px; padding:80px 38px 50px 47px; text-indent:30px;}
.slideBox{ width:923px; height:499px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd img{ width:923px; height:499px; display:block; }
.slideBox .prev, .slideBox .next{ background:url(../images/arrow.png) no-repeat; display:block; width:20px; height:42px; position:absolute; top:186px; z-index:1; }
.slideBox .next{ background-position:-856px 0; right:23px;}
.slideBox .prev{ background-position:0 0; left:23px;}


.rooms{ padding-top:18px;}
.rooms-list{ background:#f1ede6; width:644px; height:186px; padding:10px 17px 0 18px;}
.rooms-list li{ height:35px; line-height:35px; vertical-align:middle; font-size:14px; border-bottom:1px #d6d1c8 solid;}
.rooms-list li label{ color:#9a0000;}
.rooms-list li:last-child{ border-bottom:0;}
.rooms-btn{ background:#e2e2e2; width:233px; height:196px; text-align:center;}
.rooms-btn .btn{width: 145px;
	height: 42px;
	font-size:14px; line-height:42px; color:#fff; margin-top:55px;
	display:inline-block;
	background-color: #8d7249;
	border: solid 1px #61241b;
	background-image: -webkit-linear-gradient(top, #a23b2d, #6f2216);
	background-image: -moz-linear-gradient(top, #a23b2d, #6f2216);
	background-image: -o-linear-gradient(top, #a23b2d, #6f2216);
	background-image: -ms-linear-gradient(top, #a23b2d, #6f2216);
	background-image: linear-gradient(to bottom, #a23b2d, #6f2216);}
.rooms-btn .price{ padding-top:30px; font-size:14px;}
.rooms-btn .price .num{ font-size:18px; color:#8d7249; font-weight:normal;}


.right-contact{ padding:80px 10px 0 30px;}
.contact-item{ width:420px;}
.contact-item .cn{ font-size:30px; color:#660000;}
.contact-item .en{ font-size:19px; padding-top:16px; color:#883226; text-transform:uppercase;}
.contact-item ul{ padding-top:40px;}
.contact-item ul li{ height:24px; line-height:24px; padding:12px 0; font-size:14px;}
.contact-item ul li img{ vertical-align:middle; margin-right:15px;}
.contact-img{ width:487px; height:358px; border:1px #ccc solid;}



.hotel-rt { width: 890px; }
.hotel-rt-add{ border-bottom:1px #cbcbcb solid; padding-bottom:7px;}
.hotel-rt-hd { color:#777; padding:30px 14px 0 8px;}
.hotel-rt-hd h4 { font-size:24px; font-weight:normal; padding-bottom:10px; color:#000; }
.hotel-rt-hd h4 span { color:#8d7249; }

.filter-bar { line-height: 30px; color: #000; text-align: right; }
.filter-bar a { color: #8d7249; padding: 0 14px; }
.filter-bar a.cur { color: #000; }

.rooms-warp{ width:1233px; padding-top:70px; margin:auto;}
.roomsList{ padding:0 14px 0 8px;}
.roomsList li { padding: 20px 18px 35px 18px; background: #f1ede6; vertical-align: middle; margin-bottom:16px; }
.roomsList li h3 { font-size:21px; line-height: 24px; color: #8d7249; font-weight: normal; padding-bottom: 15px; }

.roomsList li .image-holder img { width: 200px; height: 148px; display: block; }
.roomsList li .room-info dl { position: relative; overflow: hidden; font-size:14px; }
.roomsList li .room-info dl dt { color: #000; text-transform: uppercase; float: left; margin-bottom:10px;}
.roomsList li .room-info dl dd { color: #6c6c6c;  margin-bottom: 10px; padding-left: 45px; }
.roomsList li .room-info { padding-left: 20px; height: 148px; position: relative; }
.roomsList li .room-info .upcase { color: #8d7249; position: absolute; bottom: 0; }
.roomsList li .room-info .upcase:after { content: '+'; margin-left: 10px; position: relative; }
.roomsList li .room-btn{ position:relative; min-height:148px; width:200px; text-align:right;}
.roomsList li .room-btn .button-medium {
	width: 145px;
	height: 42px;
	background-color: #8d7249;
	border: solid 1px #9c7b33;
	background-image: -webkit-linear-gradient(bottom, #ad9155, #c9ae74);
	background-image: -moz-linear-gradient(bottom, #ad9155, #c9ae74);
	background-image: -o-linear-gradient(bottom, #ad9155, #c9ae74);
	background-image: -ms-linear-gradient(bottom, #ad9155, #c9ae74);
	background-image: linear-gradient(to top, #ad9155, #c9ae74);
 line-height: 42px; text-align: center; display:inline-block; font-size: 14px; color: #fff;  cursor: pointer; 
 }
.roomsList li .room-btn .price { display: block; color: #242424; text-align: right; font-size: 13px; position:absolute; bottom:0; right:0; }
.roomsList li .room-btn .price b{ font-size:16px; color:#8d7249; font-weight:normal;}


.hotel-lt{ background:#f1ece6; width:280px; margin-left:10px; padding:25px 20px;}
.hotel-lt .title{ font-size:18px; color:#833025;}
.hotel-lt .button-medium{ width:280px; height:42px; line-height:42px; font-size:14px; text-align:center; display:inline-block; color:#fff;
	cursor:pointer;
	margin-top:15px;
	background-color: #873126;
	-webkit-box-shadow: inset 0 0 rgba(255,255,255,.2);
	-moz-box-shadow: inset 0 0 rgba(255,255,255,.2);
	box-shadow: inset 0 0 rgba(255,255,255,.2);
	background-image: -webkit-linear-gradient(bottom, rgba(97,36,27,.75), rgba(157,57,44,.75));
	background-image: -moz-linear-gradient(bottom, rgba(97,36,27,.75), rgba(157,57,44,.75));
	background-image: -o-linear-gradient(bottom, rgba(97,36,27,.75), rgba(157,57,44,.75));
	background-image: -ms-linear-gradient(bottom, rgba(97,36,27,.75), rgba(157,57,44,.75));
	background-image: linear-gradient(to top, rgba(97,36,27,.75), rgba(157,57,44,.75));
	}

.first-room { padding: 20px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3); box-shadow: 1px 1px 3px rgba(0,0,0,.3); color: #666; background: #fff; }
.first-room .wth240 .Brand-head{ width:193px;}
.first-room .wth240 .Brand-list{ width:238px;}
.first-room .dates li { border-bottom: solid 1px #bcbcbc; padding:10px 0 5px 0; position:relative; color:#666; }
.first-room .dates label { float:left; line-height:30px; text-transform: uppercase; }
.first-room .dates input { background: url(../images/dateIco.jpg) no-repeat; background-position:155px 8px; width:180px; float:right; height:30px; position:relative; cursor:pointer; color:#c6b288; padding:0; border:0; }
.first-room .people { padding: 20px 0 12px 0; }
.first-room .people li { width: 49%; float: left; }
.first-room .people li .Brand-head{ width: 53px; margin-top: 5px; }
.first-room .people li .Brand-list { width: 98px; }
.first-room .people li .Brand-list li { width: 100%; }


.Brand-drop { position:relative; }
.Brand-drop .Brand-head { background:url(../images/up_a.jpg) no-repeat right center #fff; width:203px; height:28px; line-height:28px; padding:0 32px 0 13px; color:#666; position:relative; text-transform:capitalize; font-size:14px; border:1px #bbbbbb solid; cursor:pointer;}
.Brand-drop .Brand-list { background:#fff; width:248px; top:30px; left:0; position:absolute; display:none; border:1px #bbbbbb solid; border-top:0; z-index:99; }
.Brand-drop .Brand-list a { height:28px; line-height:28px; display:block; color:#777; padding-left:12px; }
.Brand-drop .Brand-list a:hover { background:#8d7249; color:#fff; }


.info-box { border:solid 1px #ae9e84; padding:20px; margin:20px 0 0 0; background:#fff; color:#606060; }
.info-box dl {line-height:20px; text-transform:uppercase;  padding-top:10px; }