
.header{ width:100%; height:636px; position:relative; }

.top-box{ width:100%; height:145px; background:url("../images/index/top-bg.png") repeat-x; position:absolute; left:0; top:0; z-index:6;}
.top{ width:1200px; height:145px; margin:0 auto;}
.logo{ width:213px; height:58px; background:url("../images/logo.png") no-repeat; float:left; margin:10px 0 0 26px; *display:inline; text-indent:-99999px; overflow:hidden;}
.logo a{ display:block; width:100%; height:100%;}
.top-right{ float:right;}
.top-userstatus{ float: left;}
.top-search{ font:normal 14px/32px "Microsoft Yahei"; margin-top:16px; padding-right:14px; float:right;  margin-bottom:24px;}
.top-search .top-userstatus a{ float:left; color:#fff;  text-shadow: #666 1px 1px 0; }
.top-search a:hover{ color:#ae8f18;}
.top-search span{ float:left; color:#fff; padding:0 10px;  text-shadow: #666 1px 1px 0; }
.top-search input.text{ float:left; width:148px; height:32px; line-height:32px; background:#fff; padding:0 6px; float:left; outline:none; margin-left:25px; *display:inline;}
.top-search input.search-btn{ float:left; width:35px; height:32px; background:#ae8f18 url("../images/index/ico-magnifier.png") no-repeat center; cursor:pointer; outline:none; margin-right:20px;}
.top-search input.search-btn:hover{ background-color:#997b0a;}
.language-cn,.language-en{ display:inline-block; padding:0 9px; font:normal 14px/32px "Microsoft Yahei"; height:32px; color:#fff; background:url("../images/index/white0.2.png") repeat; float:left; margin-right:10px;}
.language-en{ font-size:12px;}
.top-search a.language-cn.on,.top-search a.language-en.on{ background:#a43c20; color:#fff;  }
.top-search a.language-cn:hover,.top-search a.language-en:hover{ background:#b84d30;color:#fff; }


/**/

.banner { width:100%; height: 636px; overflow: hidden; position:absolute; left:0;  top:0; z-index:5; }
.banner .hd{ height:14px; width:100%; text-align:center; overflow:hidden; position:absolute; left: 20px; bottom:65px; z-index:99999; }
.banner .hd ul{ overflow:hidden; zoom:1;  display:inline-block; *position:absolute; *left:50%; *margin-left:-30px;}
.banner .hd ul li{ float:left; margin-right:8px;  width:10px; height:10px; line-height:10px; border-radius:100%; overflow:hidden; background:#768daa; cursor:pointer; }
.banner .hd ul li.on{ background:#fff; }
		
.banner .bd{ position:absolute; height:100%; z-index:0; width:1908px; top:0; left:50%; margin-left:-954px;}
.banner .bd li{ zoom:1; vertical-align:middle;  }
.banner .bd img{ width:1908px; height: 637px; display:block;  }


.module-title{ text-indent:-99999px; overflow:hidden; width:100%; height:80px; background:url("../images/index/module-title.png") no-repeat; }
/**/
.scenic-beauty-box{ width:100%; padding-bottom:115px;padding-top: 40px; background-image: url("../images/bj1.jpg"); background-position: center;background-repeat: no-repeat;}
.scenic-beauty{ width:1200px; margin:0 auto; }
.scenic-title{ background-position: center 0; }

.scenic-con{ width:1200px; height:402px; overflow:hidden; position:relative;}
.scenic-con ul{ position:relative; height:100%; z-index:0;   }
.scenic-con ul li{ zoom:1; vertical-align:middle; position:relative; width:1200px; height:402px;}
.scenic-con ul li img{ width:1200px; height:402px; position:absolute; left:0; top:0; z-index:5;}
.scenic-con ul li .img-con{ position:absolute; top:63px; right:0; z-index:8; width:369px; height:155px; background:url("../images/index/scenic-text-bg.png") no-repeat;}
.scenic-con ul li .img-con h3{ height:44px; font:normal 24px/44px "Microsoft Yahei"; color:#fff; padding:0 25px; width:319px; border-bottom:1px dotted #d5ccab; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:6px;}
.scenic-con ul li .img-con p{ font:normal 12px/22px SimSun; color:#fff; padding:0 14px; height:44px; overflow:hidden; margin-bottom:10px;}
.scenic-con ul li .img-con span.price{ float:left; font:normal 16px/30px "Microsoft Yahei"; color:#fff; margin-left:25px; *display:inline; margin-top:8px;}
.scenic-con ul li .img-con span.price em{ font-style:normal; font-size:26px; padding:0 5px;}
.scenic-con ul li .img-con a{ float:right; width:106px; height:38px; text-align:center; font:normal 18px/38px "Microsoft Yahei"; color:#a49031; background:#fff; margin-right:20px; *display:inline;}
.scenic-con ul li .img-con a:hover{ background:#a43c20; color:#fff;}

.scenic-con .prev,
.scenic-con .next{ position:absolute; right:90px; bottom:0;  display:block; width:40px; height:40px; background:url("../images/index/ico-jt.png") no-repeat 0 0;}
.scenic-con .next{ left:auto; right:50px; background-position:-40px 0; }
.scenic-con .prev:hover{ background-position:0 -40px;}
.scenic-con .next:hover{ background-position:-40px -40px; }
.scenic-con .prevStop{ display:none;  }
.scenic-con .nextStop{ display:none;  }


/**/
.raiders-box{ width:100%; padding-bottom:96px; background:#e8e7db;}
.raiders{ width:1200px;  margin:0 auto;  padding-top:40px;}
.raiders-title{ background-position: center -80px; }
.raiders-con{}
.raiders-con ul{ display:inline-block;}
.raiders-con ul li{ float:left; width:288px; height:236px; margin:0 16px 17px 0; overflow:hidden;}
.raiders-con ul li.li-one{ width:592px; }
.raiders-con ul li.mr0{ margin-right:0;}
.raiders-con ul li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; cursor:pointer;}
.raiders-con ul li img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;}
.raiders-con ul li .img-mask{ width:100%; height:100%; position:absolute; left:0; top:200px; z-index:10; background:#000; opacity:0.4; filter:alpha(opacity=40);}
.raiders-con ul li .img-con{ width:100%; height:100%; position:absolute; left:0; top:200px; z-index:12; }
.raiders-con ul li .img-con h4{ text-align:center; color:#fafafa; font:normal 18px/36px "Microsoft Yahei"; border-bottom:1px dotted #dadada; margin:0 12px; margin-bottom:8px; padding-bottom:5px;}
.raiders-con ul li .img-con p{ text-align:left; font:normal 12px/22px SimSun; color:#d0cfcf; margin:0 12px; height:44px; margin-bottom:50px; overflow:hidden;}
.raiders-con ul li .img-con i.ico-r{ position:relative; left:20px; display:block; width:27px; height:10px; background:url("../images/index/ico1.png") no-repeat;}


/**/
.video-cloud-box{ width:100%; height:545px; background:url("../images/video-bg.jpg") no-repeat center; }
.video-cloud{ width:1200px; height:545px; margin:0 auto; text-align:center;}
.video-cloud h3{ padding-top:136px;}
.video-cloud h3 i{ display:inline-block; width:77px; height:52px; background:url("../images/index/ico-video-logo.png") no-repeat; }
.video-cloud h4{ font:normal 30px/50px "Microsoft Yahei"; color:#fff; padding:15px 0;}
.video-cloud h4 span{ padding:0 20px;}
.video-cloud h4 i{ display:inline-block; width:170px; height:15px; background:url("../images/index/ico-video-bg.png") no-repeat;}
.video-cloud h4 i.ico-vt-left{ background-position:0 0;}
.video-cloud h4 i.ico-vt-right{ background-position:-190px 0;}
.video-cloud p{ width:760px; margin:0 auto; font:normal 14px/24px "Microsoft Yahei"; color:#fff; margin-bottom:45px;}
.video-cloud a{ display:inline-block;}
.video-cloud a i.ico-video{ display:inline-block; width:66px; height:66px; background:url("../images/index/ico-video.png") no-repeat; transition:500ms;}
.video-cloud a:hover i.ico-video{ transform:scale(0.9,0.9); transition:500ms;}
/**/
.contact-us{ width:400px; margin:0 auto; padding: 50px 0; }
.contact-title{ background-position:center -160px;}
.contactus-text{ float:left; margin-left:45px; display:inline;}
.contactus-text dl{ display:inline-block; width:380px;}
.contactus-text dl dt{ float:left; margin-right:16px; width:30px; height:42px; clear:both; margin-bottom:15px;}
.contactus-text dl dt i{ display:inline-block; width:29px; height:40px; background:url("../images/index/ico-contact.png") no-repeat; margin-top:1px;}
.contactus-text dl dt i.ico-phone{ background-position:0 0;}
.contactus-text dl dt i.ico-email{ background-position:0 -40px;}
.contactus-text dl dt i.ico-address{ background-position:0 -80px;}
.contactus-text dl dd{ float:left; width:334px; margin-bottom:15px;}
.contactus-text dl dd p{ color:#ae8f18; font:bold 18px/26px Arial,"Microsoft Yahei";  }
.contactus-text dl dd h5{ color:#a2a2a2; font:normal 14px/16px "Microsoft Yahei";}

.contactus-map{ float:right; margin-right:45px; * display:inline;}

/**/
.virtual-resort{ width:1200px; height:130px; margin:0 auto; padding-bottom: 42px;  }
.virtual-resort img{ width:1200px; height:130px;}

/*new 2016.6.17*/


.top-language{ float: left; width: 70px; margin-left: 20px;_margin-left: 10px;
    border: 1px solid #fff;}

.top-language li.brdtop{ background-color:rgba(255,255,255,.5); height: 27px; line-height: 24px; border-top: none;}
.top-language li.brdtop label{ padding-left: 8px;}
.ntarrow{ background:url("../images/index/xlarrow1.png") no-repeat; display: inline-block; width: 10px; height: 6px;
    float: right; margin-top: 10px; margin-right: 10px}
.top-language li a:hover{color: #333;}
.top-language .langlist{ background-color: #fff; box-shadow: 2px 3px 5px rgba(0,0,0,.15);overflow: hidden; zoom:1; display:none;  position: absolute; z-index: 99999999999; box-shadow: 2px 3px 5px rgba(0,0,0,.15);  width: 70px;  border: 1px solid #fff; margin-left: -1px;}
.top-language .langlist li{ overflow: hidden; zoom:1; padding: 2px 2px;}
.top-language .langlist li a{ color: #999; text-shadow: none; display: block;padding-left:3px; clear:both; }
.top-language .langlist li em{ background:#d8d8d8; height: 1px; margin:0 auto; display: block; width: 54px; margin-top:4px;}
.top-language .langlist li a:hover{ background-color: #eecf8f;}

.num-content{background:url("../images/index/lbnabg.png") no-repeat; width: 439px; height: 97px; bottom: 44px; z-index: 999;
    position: absolute; right: 15%; }
.preson-numcnt{ float: left;background:url("../images/index/numjsbg.png") no-repeat; width: 133px; height: 97px;
    margin-left: 100px; *margin-left: 50px;  }
.preson-numcnt span{  font-size:22px; color:#d72222; margin-left: 70px; display: block; padding-top: 20px;}
.person-infro{ width: 185px; float: right; margin-top: 20px; color: #fff;}
.person-infro h2{ font-size: 14px; padding-bottom: 5px; }
.person-infro ul{ height: 45px;  overflow: hidden;}
.person-infro li{height: 24px; line-height: 24px; clear: both;}
.person-infro li span{ float: left; text-align: left;}
.person-infro li label{ float: right; text-align: right; margin-right: 10px;}
.percontainer{ background-color: #f5f5f5; height: 45px; width: 100%;  line-height: 45px;}
.pernum-content{ font-size: 14px; color: #333; width: 1100px; margin: 0 auto;padding-left: 100px; }
.pernum-content span:first-child{ background:url("../images/index/idx-icon1.png") no-repeat left center; padding-left: 25px; }
.pernum-content em{ color: #ae8f18; padding-left: 10px;}
.pernum-content span{ float: left; padding-left: 15px;}
.per-week{float: left;  width: 100px; padding-left: 10px; position: relative; }

.per-week label{ display: inline-block; margin-right: 10px; float: left;  cursor: pointer}
.per-week p{ clear: left;}
.per-week p i{background:url("../images/index/dat-icon.png") no-repeat; width: 8px; height: 4px;  display: inline-block; float: left; margin-top: 10px; }
.per-week p{ display: block; clear: both; overflow: hidden; zoom:1; width: 88px;
    padding-left: 10px; height: 24px; line-height: 24px; margin-top: 10px; border: 1px solid #f5f5f5; }
.per-week p.phover{border: 1px solid #e5e5e5; border-bottom:none; box-shadow: 1px -2px 2px  rgba(0, 0, 0, .1);}
.per-week ul { clear: both;  width: 98px; display:none; border: 1px solid #e5e5e5; border-top:none; box-shadow: 1px 2px 2px  rgba(0, 0, 0, .1);
    top:34px; left: 10px;  position: absolute; z-index: 999;  background-color: #fff;}
.per-week ul li{  width: 90px; margin-left: 4px; padding-top: 5px;overflow: hidden;}
.per-week ul li i{ font-style: normal; padding:0px 8px; height: 25px; line-height: 25px;  display: block;}
.per-week ul li em{ display: block; width: 70px;  margin:0 auto;height: 1px; background-color:#d8d8d8;  margin-top: 5px;}
.per-week ul li i:hover{background: #eecf8f;}
/*ewm*/
.right-box{     position: fixed;
        right: 5%;
    top: 50%;
    margin-top: -100px;
    width: 140px;
    height: 185px; 
        border: 1px solid #ccc;text-align: center;    background: #fff; padding-bottom:10px; z-index:9999;}
 .right-box img{ width:130px; height:130px; display:inline-block;}

 .right-box p{padding-top:10px;}
.continer{
	margin: 0 auto;
	width: 100%;
	padding-bottom: 25px;
	background-image: url("../images/bj1.jpg"); background-position: center; background-repeat:repeat-y; 
}
.continer_view {
    width:100%;
    overflow:hidden;
    padding-top:20px;
}










